Подробный просмотр фильма Angularjs

Question

i'm new in AngularJS, и я пытаюсь сделать подробный вид из списка фильмов, когда вы выбираете один фильм (щелчок в заголовке) из представления «дома», который предполагается перенаправить вы к новому представлению с деталями выбранного фильма, но я не могу понять, как это сделать. я видел много учебников, но все работает для меня, надеюсь, что вы можете мне помочь, спасибо!

здесь является частью кода: http://jsfiddle.net/3fu0gr81/

это пример моего файла JSON:

[{ "Title": "Birdman", 

    "Plot": "A washed-up actor, who once played an iconic superhero, battles his ego and attempts to recover his family, his career and himself in the days leading up to the opening of his Broadway play.", 

    "Year": "2014", 

    "Director": "Alejandro González Iñárritu", 

    "Genre": "Comedy", 

    "Duration": "119 min", 

}]

Answer 1

myApp.controller('MovieDetail', ['$scope', '$routeParams','$http',function($scope,$routeParams,$http){ 
    $http({ 
       method: 'GET', 
       url: 'movie.json' 

    }).success(function(data){ 
     $scope.movies = data; 
    }); 

}]); 

здесь $ scope.movies, содержащие все фильмы данные

с помощью ng-repeat u можно распечатать это на вид

<div ng-repeat="movie in movies"> 
    <li>{{movie.name}}</li> 
</div> 

Если и хотите конкретные средства кино, и есть для фильтрации с $ routeParams.movieId

$ scope.filterId = $ routeParams.movieId;

, а также вы можете получить одну запись через сервис также

myApp.controller('MovieDetail', ['$scope', '$routeParams','$http',function($scope,$routeParams,$http){ 
    $http({ 
       method: 'GET', 
       url: 'movie.json', 
      params:{"id":"$routeParams.MovieId"} 
    }).success(function(data){ 
     $scope.movies = data; 
    }); 

}]); 

Answer 2

Я переработан код хранения данных фильмов в службе и доступа к ней в контроллере после того, как вид изменяется. Вы можете заметить, что я не использую переменную $scope в любом месте, и это личное предпочтение. Я чувствую, что использование синтаксиса controller as является более смысловым и понятным. Если у вас есть вопросы, дайте мне знать.

Приложение следует по этому пути в настоящее время:

1) вызовите метод списка в movie service для загрузки данных фильмов с использованием $http службы

2) Хранить в том, что данные в частном объекте доступным методом на Movie service и передать ее обратно в контроллер

3) Создание ссылки в представлении для каждого заголовка ролика, содержащего название фильма в качестве параметра маршрута

4) В окне подробных сведений используйте услугу $routeParam, чтобы получить название фильма, нажав на и вызвать новый метод getDetails на Movie service, чтобы вернуть детали этого фильма.

Рабочая Plunk

http://plnkr.co/edit/zSyatT8JAHoBUQ3D2Zs6?p=preview