在angularjs中批准状态时禁用激活按钮答案

【问题标题】：Disable activate button when status is approved in angularjs在angularjs中批准状态时禁用激活按钮
【发布时间】：2016-12-19 21:57:23
【问题描述】：

我在 Angular js 中使用 ng-repeat 绑定表格这是我的桌子

<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>

当我的状态被批准后，如何禁用该按钮？

【问题讨论】：

标签： javascript jquery angularjs html-table disabled-control

【解决方案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>

【讨论】：

非常感谢先生完美的回答