[英]Angular JS Directive with ng-class
I have a pagination links directive, 我有一个分页链接指令,
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)">«</a></li>'+
'<li><a href="javascript:void(0)" ng-click="getPosts(currentPage-1)">‹ 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 ›</a></li>'+
'<li ng-show="currentPage != totalPages"><a href="javascript:void(0)" ng-click="getPosts(totalPages)">»</a></li>'+
'</ul>'
};
});
The ng-class is not working when the value of current page is not equel to 1. 当前页的值不等于1时,ng-class不起作用。
<li ng-class="disabled: currentPage!=1"><a href="javascript:void(0)" ng-click="getPosts(1)">«</a></li>'+
This is the error. 这是错误。
How can I solve this issue ? 我该如何解决这个问题?
尝试将代码包装在{}
例如:
ng-class="{disabled: currentPage!=1}"
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.