向angularjs中的重复元素添加ng点击处理程序
Adding ng-click handler to repeated element in angularjs
Im使用angularjs 1.0.7,并试图将ng点击处理程序添加到使用ng重复的列表元素中,但该函数没有启动。下面是html,以及我在评论中尝试过的变体。我尝试在不同的元素上添加相同的ng-click函数,效果很好。
<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>
这是控制器
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);
};
});
标记中有错误,控制器中的函数称为getPlayList
,标记中的函数为getPlaylist
。注意l
上的大写。这是一把固定的小提琴,没有问题:http://jsfiddle.net/GYatesIII/z7mpW/3/
相关文章:
- AngularJS ng重复处理空列表事例
- ng单击不处理<李>要素
- jQuery无法处理ng个重复结果
- 使用AngularJS处理嵌套ng重复.无法通过ng单击来获取按钮
- 处理ng重复中的重复元素
- 您如何处理指令和控制器中的模板 ng-click
- 当 ng 模型输入为数字时,处理它
- 为什么在单元测试中注入“ng”会改变承诺处理行为
- AngularJS - 处理错误错误:[ng:areq] 在此特殊情况下 (?)
- jQuery .focus() 无法使用 ng-repeat (AngularJS) 处理动态生成的列表项
- 如何相对于导致更改的单击事件对 ng 重复项进行动画处理
- ng显示不处理嵌套的ng重复
- 硒点击不't处理angularjs ng点击事件
- ng范围外的路线处理
- 向angularjs中的重复元素添加ng点击处理程序
- 重构angular ng资源错误处理
- ng使用服务器端处理在数据表中进行剪辑
- JQuery 无法处理 ng-view 中的元素
- 如何编写挂钩到ng-click处理程序的指令
- Ng点击并显示don'不处理动态内容(角度)