Ionic shows a blank page without any error


#1

Hey!

I’ve a array of items and I’m using ng-repeat so I can print one of each item in a list. I gave a ID to each item and I’ve linked the item of each list to a description page. The thing is when I click it It doesn’t give me any error, just shows me the the list of items but the url changes. It must be easy to solve I think! thank you so much!

routes.js

.state(‘tabsController.watched’, {
url: ‘/Watched’,
views: {
‘tab2’: {
templateUrl: ‘templates/watched.html’,
controller: ‘watchedCtrl’
}
}
})

.state(‘moviedetails’, {
url: ‘/Watched/Movie/:movieIDD’,
views: {
‘tab2’: {
templateUrl: ‘templates/movie.html’,
controller: ‘movieCtrl’
}
}
})

watched page (page where’s the list of items)

<form id="watched-form2" class="list">
  <label class="item item-input" id="watched-search2">
    <i class="icon ion-search placeholder-icon"></i>
    <input type="search" placeholder="Pesquisar" ng-model="pesquisar">
  </label>
</form>
    <img src="img/{{movie.poster_path}}">
    {{movie.name}}
    <p>{{movie.release}}</p>
    <p>{{movie.rating}}</p>
    <p>{{movie.id}}</p>
  </ion-item>

item page (description of every item aka movie)

{{movieIDD}}




{{movie.name}}



{{movie.descricao}}


<ion-list id="movie-list5" class="manual-list-fullwidth">
  <ion-item class="item-icon-left" id="movie-list-item13">
    <i class="icon ion-ios-film-outline"></i>{{movie.director}}
    <span class="item-note">Director</span>
  </ion-item>
  <ion-item class="item-icon-left" id="movie-list-item14">
    <i class="icon ion-ios-people"></i>{{movie.cast}}
    <span class="item-note">Cast</span>
  </ion-item>
  <ion-item class="item-icon-left" id="movie-list-item15">
    <i class="icon ion-ios-pricetags-outline"></i>{{movie.genres}}
    <span class="item-note">Genres</span>
  </ion-item>
  <ion-item class="item-icon-left" id="movie-list-item16">
    <i class="icon ion-ios-calendar-outline"></i>{{movie.release}}
    <span class="item-note">Release</span>
  </ion-item>
  <ion-item class="item-icon-left" id="movie-list-item17">
    <i class="icon ion-ios-stopwatch-outline"></i>{{movie.runtime}}
    <span class="item-note">Runtime</span>
  </ion-item>
  <ion-item class="item-icon-left" id="movie-list-item33">
    <i class="icon ion-ios-person"></i>{{movie.rating}}
    <span class="item-note">Rating</span>
  </ion-item>
  <ion-item class="item-icon-left energized" id="movie-list-item18" href-inappbrowser="https://www.youtube.com/watch?v=RFinNxS5KN4">
    <i class="icon ion-social-youtube-outline"></i>Trailer</ion-item>
  <ion-item class="item-divider" id="movie-list-item-divider3"> </ion-item>
  <ion-item class="item-icon-left item-icon-right" id="movie-list-item25" ui-sref="tabsController.reviews()">
    <i class="icon ion-ios-paper-outline"></i>Reviews
    <i class="icon ion-ios-arrow-right"></i>
  </ion-item>
  <ion-checkbox id="movie-checkbox2" name="Watched">Watched</ion-checkbox>
  <ion-checkbox id="movie-checkbox1" name="Favorites">Favorites</ion-checkbox>
</ion-list>

Controllers.js

.controller(‘watchedCtrl’, [’$scope’, ‘$stateParams’,

function ($scope, $stateParams, agendaApi) {
$scope.doit= function(index){
alert(index)

}

var movieslocal = [
{name:‘Jurassic World’,
id:0,
descricao: ‘Os donos de um parque temático de dinaussauros tentaram atrair turistas com uma emocionante nova exposição, mas um gigante mortífero foge e aterroriza toda a ilha.’,
director:‘Colin Trevorrow’,
cast: ‘Chris Pratt, Bryce Dallas’,
genres: ‘Action’,
runtime: ‘140min’,
rating: ‘M/12’,
release:‘2015’,
poster_path: ‘VPtBJCJTRiqLf65uI5NS_tumblr_nq3zattMun1u47gvjo1_1280.jpg’,
banner: ‘r1IcnrasQQe3KFDpsTpF_jurassic-world-1920.jpg’,
favorite: false,
watched: false},

{name:'Get Out',
id:1,
descricao: 'Its time for a young African American to meet with his white girlfriends parents for a weekend in their secluded estate in the woods, but before long, the friendly and polite ambience will give way to a nightmare.',
director:'Jordan Peele',
cast: 'Daniel Kaluuya, Allison Williams',
genres: 'Horror',
runtime: '104min',
rating: 'M/16',
poster_path: '200x200bb.jpg',
banner: 'r1IcnrasQQe3KFDpsTpF_jurassic-world-1920.jpg',
release:'2017',
favorite: true,
watched: true},];

$scope.movies = movieslocal;


#2

Please edit your post and use the </> button above the post input field to format your code or error message or wrap it in ``` (“code fences”) manually. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.


#3

Also your title “blank page without any error” and your message “list of items” contradict each other. Which is it?