Отключить кнопку активации, когда статус одобрен в angularjs

Я привязываю таблицу, используя ng-repeat в angular js. Вот моя таблица

<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'}} на основе true и false. внизу <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>

Как я могу отключить кнопку, когда мой статус одобрен?


person Gaurav_0093    schedule 16.12.2016    source источник


Ответы (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>
person Cyril Cherian    schedule 16.12.2016
comment
Большое спасибо, сэр, идеальный ответ - person Gaurav_0093; 16.12.2016