angularjs - 如何禁用 ui.bootstrap.pagination

Question

我正在使用 ui.bootstrap.pagination

我的页面上有一个表单中的搜索框。
我想在有人与搜索框交互时禁用分页控件，然后在他们按下“搜索”后重新启用

我想使用 AngularJS 表单验证

ng-valid
ng-invalid
ng-pristine
ng-dirty

我如何将表单验证与禁用分页联系起来？

我找不到如何使分页控件显示为禁用和禁用输入。我也在使用 Bootstrap 3。

TIA

Answer 1

就在一小时前，对指令 ngDisabled 的支持被添加到分页指令中...... ;)

您应该能够从外部阻止整个分页元素。假设您在您的范围中有一个名为blocked 的变量，它指示何时应该阻止分页。然后，您可以像这样阻止它:

<pagination 
    total-items="totalItems" 
    ng-model="currentPage" 
    ng-change="pageChanged()" 
    ng-disabled="blocked"
></pagination>

目前要使用它，你应该从 official repo 构建最新版本你自己。