angularjs – 如何禁用ui.bootstrap.pagination

发布时间：2020-12-17 07:00:32 所属栏目：安全来源：网络整理

导读：我正在使用 ui.bootstrap.pagination 我的页面上有一个表单中的搜索框. 我想在有人与搜索框交互时禁用分页控件,然后在按下“搜索”后重新启用我想使用AngularJS表单验证 ng-validng-invalidng-pristineng-dirty 如何将表单验证与禁用分页联系起来？我无法

我正在使用 ui.bootstrap.pagination

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

我想使用AngularJS表单验证

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

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

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

TIA

解决方法

一个小时前,对指令ngDisabled的支持被添加到分页指令……;)

您应该能够从外部阻止整个分页元素.假设您的范围中有一个名为blocked的变量,表示应该阻止分页.然后你可以像这样阻止它：

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

目前使用它,你自己从official repo建立最新版本.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!