2016-12-16 46 views
1

我绑定使用NG-重复的表角JS 获批这里是我的表禁用启动按钮时的状态了。angularjs

<table class="table table-bordered table-hover"> 
    <thead> 
    <tr> 
     <th>Sr. no.</th> 
     <th>Title</th> 
     <th>Image</th> 
     <th>Category</th> 
     <th>PostedOn</th> 
     <th>Created By</th> 
     <th>Status</th> 
     <th>Active Blog</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr ng-repeat="obj in PostedBlogList | filter:searchText" ng-show="PostedBlogList.length"> 
     <td>{{$index+1}}</td> 
     <td><a ng-href="{{'//'+obj.PageUrl }}">{{obj.Title}}</a></td> 
     <td> 
     <img style="width:90px" ng-show="obj.Image" src="{{obj.Image}}"> 
     <img style="width:90px" ng-show="!obj.Image" src="/images/mail.png"> 
     </td> 
     <td>{{obj.CategoryName}}</td> 
     <td>{{obj.CreatedDate}}</td> 
     <td>{{obj.FirstName}}({{obj.UserType}})</td> 
     <td>{{obj.IsActive ? 'Approved ' : 'Pending'}}</td> 
     <td> 
     <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-disabled="" ng-bind="btnactivate" type="submit" value="Activate"></button> 
     </td> 
    </tr> 
    <tr ng-show="PostedBlogList.length==0"></tr> 
    </tbody> 
</table> 

我设置基于真假使用{{obj.IsActive ? 'Approved ' : 'Pending'}}状态。 在下面<td>我有一个按钮

<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-disabled="" ng-bind="btnactivate" type="submit" value="Activate"></button> 

如何禁用按钮时我的状态被批准?

回答

1

您可以启用这样ng-disabled="obj.IsActive"按钮:

<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-disabled="obj.IsActive" ng-bind="btnactivate" type="submit" value="Activate"></button> 
+0

非常感谢您,先生完美的答案 –