2016-11-07 88 views
0

我有一个分页链接指令,与纳克级的角JS指令

app.directive('postsPagination', function(){ 
return{ 
    restrict: 'E', 
    template: '<ul class="pagination" ng-show="totalPages > 1">'+ 
    '<li ng-class="disabled: currentPage!=1"><a href="javascript:void(0)" ng-click="getPosts(1)">&laquo;</a></li>'+ 
    '<li><a href="javascript:void(0)" ng-click="getPosts(currentPage-1)">&lsaquo; Prev</a></li>'+ 
    '<li ng-repeat="i in range" ng-class="{active : currentPage == i}">'+ 
     '<a href="javascript:void(0)" ng-click="getPosts(i)">{{i}}</a>'+ 
    '</li>'+ 
    '<li ng-show="currentPage != totalPages"><a href="javascript:void(0)" ng-click="getPosts(currentPage+1)">Next &rsaquo;</a></li>'+ 
    '<li ng-show="currentPage != totalPages"><a href="javascript:void(0)" ng-click="getPosts(totalPages)">&raquo;</a></li>'+ 
    '</ul>' 
}; 
}); 

纳克级不工作时,当前页面的值不equel为1

<li ng-class="disabled: currentPage!=1"><a href="javascript:void(0)" ng-click="getPosts(1)">&laquo;</a></li>'+ 

这是错误。

enter image description here

我怎样才能解决这个问题呢?

+0

是你的类的名称被禁止?你想达到什么目的? – Doruk

+0

if currentPage!= 1,我想添加名为“disabled”的类 – Jishad

+1

尝试在'{}'中包装代码,就像'ng-class =“{disabled:currentPage!= 1}” – Doruk

回答

1

尝试包裹代码{},如:

ng-class="{disabled: currentPage!=1}"