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

Question

我在这样的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();
        });

    };

更新小提琴手添加

我试图在这里重现问题

http://jsfiddle.net/qqy90w1f/

Answer 1

我认为您无法在ng-click执行$event.stopPropagation() 。 您应该将其移至vm.statechange()

Answer 2

问题是错字

在html中，我正在使用statechange，但是函数名称为stateChange

休息很好。

Answer 3

您不会将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;
}

看到这个链接