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();
        });

    };

更新fiddler添加

我尝试在这里重新创建问题

http://jsfiddle.net/qqy90w1f/

Answer 1

我认为你不能$event.stopPropagation()内ng-click。你应该把它移到vm.statechange()

Answer 2

问题是一个错字

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

休息工作正常。

Answer 3

您没有使用$ scope绑定 ng-click 方法。看到这段代码：

在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;
}

see this link

当在ng-repeat中使用时，ng-click不能处理li

3 个答案: