Hinzufügen von ng-click-handler auf wiederholte element in angularjs
Im mit angularjs 1.0.7 und versuchen, fügen Sie ein ng-click-handler an ein element in der Liste, die wiederholte Verwendung von ng-repeat, aber die Funktion wird nicht ausgelöst. Unten ist der html -, zusammen mit Variationen, die ich versucht habe in die Kommentare. Ich habe versucht, indem die gleiche ng-Klick-Funktion auf ein anderes element und es funktioniert gut.
<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>
Und hier ist der controller
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);
};
});
Immer noch nichts zu tun.
InformationsquelleAutor Errol Fitzgerald | 2013-08-07
Du musst angemeldet sein, um einen Kommentar abzugeben.
Haben Sie einen Fehler in Ihren Aufschlag, Ihre Funktion im controller aufgerufen wird
getPlayList
und in Ihrem markup seinegetPlaylist
. Beachten Sie die groß - /Kleinschreibung auf diel
. Hier ist ein Turnschuh, wo es Feste und es gibt kein problem:http://jsfiddle.net/GYatesIII/z7mpW/3/
Passiert den besten von uns. Der einzige Grund, warum eine Geige für ihn vorhanden ist, weil ich nicht fangen es ein wenig.
In einer perfekten Welt, Eckig würde eine exception werfen, wenn ng-klicken Sie ein Aufruf an eine Undefinierte Funktion.
Ich danke Ihnen sehr
InformationsquelleAutor George Yates