当在ng-repeat中使用时，Ng-click对li不起作用

ng-click not working on li when used in ng-repeat

本文关键字：Ng-click li 不起作用 ng-repeat 当在      更新时间：2023-09-26

我像这样在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;
}

查看此链接

相关文章：