私のデータテーブルのいずれかでng-repeatにui-bootstrapページネーションを適用します。テーブルがng-viewの外側にあるときにはうまく動作しますが、ng-viewフィルタの内側にあるとソートがうまく動作し、ページネーションが次のエラーを出します。ui-bootstrapページネーションは、ng-viewではうまく動作しますが、ng-viewでは動作しません。
ディレクティブのページングのテンプレートには、正確に1つのルート要素が必要です。テンプレート/ページ区切り/ページ区切り.html
私はバックエンドで春休みサービスを使用しています。
<script src="http://code.angularjs.org/1.2.16/angular-resource.js"></script>
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
これらは私が含まれたファイルです。
コントローラコード)
controller("FileController", function($window, $scope, $location) {
$scope.order = function (predicate) {
$scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
$scope.predicate = predicate;
};
$scope.paginate = function (value) {
var begin, end, index;
begin = ($scope.currentPage - 1) * $scope.numPerPage;
end = begin + $scope.numPerPage;
index = $scope.fileList.indexOf(value);
return (begin <= index && index < end);
};
}です。 HTMLで
とページネーションタグが
<pagination total-items="totalItems" ng-model="currentPage"
max-size="10" boundary-links="true"
items-per-page="numPerPage" class="pagination-sm">
</pagination>