diff --git a/src/pagination/docs/readme.md b/src/pagination/docs/readme.md
index d0ebd9a87b..bdab246c67 100644
--- a/src/pagination/docs/readme.md
+++ b/src/pagination/docs/readme.md
@@ -85,3 +85,7 @@ For `ng-model`, `total-items`, `items-per-page` and `num-pages` see pagination s
* `template-url`
_(Default: 'template/pagination/pager.html') :
Override the template for the component with a custom provided template
+
+ * `ng-disabled`
+ :
+ Used to disable the pager component
diff --git a/src/pagination/pagination.js b/src/pagination/pagination.js
index 8b31ee46ec..e7fcfae273 100644
--- a/src/pagination/pagination.js
+++ b/src/pagination/pagination.js
@@ -207,7 +207,8 @@ angular.module('ui.bootstrap.pagination', [])
scope: {
totalItems: '=',
previousText: '@',
- nextText: '@'
+ nextText: '@',
+ ngDisabled: '='
},
require: ['pager', '?ngModel'],
controller: 'PaginationController',
diff --git a/src/pagination/test/pager.spec.js b/src/pagination/test/pager.spec.js
index ce6496be90..7527e83a76 100644
--- a/src/pagination/test/pager.spec.js
+++ b/src/pagination/test/pager.spec.js
@@ -256,4 +256,26 @@ describe('pager directive', function() {
});
});
+ it('disables the component when ng-disabled is true', function() {
+ $rootScope.disable = true;
+
+ element = $compile('