Angularjs 如何禁用ui.bootstrap.pagination

我正在使用

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

我想使用AngularJS表单验证

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

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

我无法找到如何使分页控件显示为禁用和禁用输入。我也在使用bootstrap3

---

TIA

我在这里完全接近

<pagination direction-links="false" boundary-links="true" total-items="totalItems" ng-model="currentPage"></pagination>

如果您的页面中有类似的内容，那么您可以将其更改为类似的内容，假设您的搜索表单名为“searchForm”：

<pagination 
     ng-class="{true:'', false:'disable'}[(searchForm.$valid)]"
     direction-links="false" boundary-links="true" 
     total-items="totalItems" ng-model="currentPage"></pagination>

其中disable是一个CSS类，它调整分页控件使其看起来被禁用

或：

---

如果表单无效，请使用ng if或ng show/hide切换控件的可见性。

对指令ngDisabled的支持仅在一小时前添加到分页指令中…；）

您应该能够从外部阻止整个分页元素。假设您的作用域中有一个名为blocked的变量，该变量指示何时应该阻止分页。然后可以按如下方式阻止它：

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

---

目前要使用它，你应该自己创建最新版本。

我很惊讶还没有人真正回答这个问题。我也很惊讶。我需要在ajax还没有返回Yet时禁用分页按钮问题是如何禁用分页。不要将其设置为禁用状态，或完全隐藏。true。但没有其他答案，所以我从某个地方开始-P（如我所说，我是近似值）。我很喜欢你的回答。

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