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;