L'ajout de ng-cliquez sur gestionnaire d'éléments répétés dans angularjs

Im en utilisant angularjs 1.0.7 et d'essayer d'ajouter un ng-gestionnaire de clic sur un élément de la liste qui est répété à l'aide ng-repeat, mais la fonction n'a pas d'incendie. Ci-dessous est le code html, ainsi que les variations que j'ai essayé dans les commentaires. J'ai essayé d'ajouter le même ng-click sur un élément différent et il fonctionne très bien.

<div class="results" ng-cloak ng-show="showList != 0">

    <ul>
        <li ng-repeat="movie in movies" ng-click="getPlaylist(movie.id)">{{ movie.title }}</li>
        <!--<li ng-repeat="movie in movies" ng-click="getPlaylist({{movie.id}})">{{ movie.title }}</li>-->
        <!--<li ng-repeat="movie in movies" ng-click="getPlaylist('movie.id')">{{ movie.title }}</li>-->
        <!--<li ng-repeat="movie in movies" ng-click="getPlaylist(\'{{movie.id}}\')">{{ movie.title }}</li>-->
    </ul>
</div>

Et voici le contrôleur

main.controller('MoviesListCtrl', function($scope, $http, playlist) {

    $scope.movies = [];
    $scope.showList = false;


    $scope.getMoviesList = function (val) {

        var link = 'titles?q=' + val + '&limit=10'

        $http.get(link).success(function (data) {
            //now we have all our movies and can add them
            $scope.movies = data;

            //if there any movies we can show the list
            if ($scope.movies.length > 0) {
                $scope.showList = true;
            } else {
                $scope.showList = false;
            }
        });
    };

    $scope.getPlayList = function (id) {
        alert(id);

    };

});

OriginalL'auteur Errol Fitzgerald | 2013-08-07