相关疑难解决方法(0)

Angular UI Bootstrap中的分页抛出"错误:[$ compile:nonassign]"

我正在使用Angular Bootstrap UI的分页指令的相当简单的实现,但我一直得到一个我无法弄清楚的错误.这是相关的片段:

<ul>
  <li ng-repeat="todo in filteredIdeas">
    {{todo}}
  </li>
</ul>
<pagination ng-model="currentPage" total-items="totalIdeas"></pagination>
Run Code Online (Sandbox Code Playgroud)

以下是控制器中$ scope的相关部分:

// Set watch on pagination numbers
$scope.$watch('currentPage + numPerPage', function() {

  var begin = (($scope.currentPage - 1) * $scope.numPerPage);
  var end = begin + $scope.numPerPage;

  $scope.filteredIdeas = $scope.ideasData.slice(begin, end);

});


// Data
$scope.ideasData = [];

for (var i = 0; i < 100; i++) {
  $scope.ideasData.push('To do ' + i);
}

$scope.filteredIdeas = [];
$scope.currentPage = 1;
$scope.numPerPage = 10;
$scope.totalIdeas = $scope.ideasData.length;
Run Code Online (Sandbox Code Playgroud)

分页设置正确,但这是我在尝试点击下一页(或任何页面)时收到的错误: …

angularjs angular-ui-bootstrap

17
推荐指数
1
解决办法
2万
查看次数

标签 统计

angular-ui-bootstrap ×1

angularjs ×1