我像这样在ng-repeat中使用li
<ul class="pagination">
<li ng-repeat="page in vm.totalPages" ng-click="vm.statechange(page); $event.stopPropagation()"><span>{{page}}</span></li>
</ul>
由于某种原因,点击不工作。有什么建议吗?
更新的js代码
vm.stateChange = function (page) {
$event.stopPropagation();
var storeCommandGet = storeCommandResource.get({ $skip: page + "0", $top: $scope.countPerPage, $orderby: "Serial" });
storeCommandGet.$promise.then(function (response) {
$scope.data = response.value;
$scope.storeCommandsTableParams.reload();
});
};
update fiddler added
我试着在这里重现这个问题
http://jsfiddle.net/qqy90w1f/我不认为你可以在ng-click
中做$event.stopPropagation()
。你应该把它移到vm.statechange()
打印错误
在HTML我使用statechange但是函数名是stateChange
rest工作正常。
您没有绑定ng-click方法与$scope。请看下面的代码:
HTML:<li ng-repeat="page in vm.pages" ng-click="logout(page); $event.stopPropagation()"><span>Click me to change page to page {{page}}</span></li>
在AngularJS $scope.logout = function(number) {
console.log('page change to', number);
vm.pageData = 'pumpkin ' + number;
}
查看此链接