Javascript 表中状态为“已批准”时更改按钮文本

我在angularjs中使用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>
        Change Status
      </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-bind="btnactivate" type="submit" value="Activate"></button>
      </td>
    </tr>
    <tr ng-show="PostedBlogList.length==0">

    </tr>
  </tbody>
</table>

td下方有一个按钮

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

上面有

激活

文本

---

当我的状态在angularjs中被批准时，如何设置按钮文本“停用”？

您可以以相同的方式使用字符串插值

 <button ng-click="ToActiveBlog(obj.Id)">{{obj.IsActive ? 'inactivate' : 'Activate'}}</button>

{{obj.IsActive？'disactivate'：'Activate'}

可以用同样的方法使用字符串插值

 <button ng-click="ToActiveBlog(obj.Id)">{{obj.IsActive ? 'inactivate' : 'Activate'}}</button>

{{obj.IsActive？'disactivate'：'Activate'}

在按钮元素中使用

ng value

属性而不是value属性。这是专门针对输入元素的Angularjs设置值

<td>
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" ng-value="obj.IsActive ? 'Activate' : 'Inactivate'"></button>
</td>

---

在按钮元素中使用

ng value

属性而不是value属性。这是专门针对输入元素的Angularjs设置值

<td>
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" ng-value="obj.IsActive ? 'Activate' : 'Inactivate'"></button>
</td>

---

请尝试以下方法，我认为它应该有效。因为我没有发表评论的权限，所以我把它作为一个答案发布

 <td>
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)"  type="submit" value={{obj.IsActive ? 'Approved ' : 'Pending'}}>
  </button>
  </td>

---

请尝试以下方法，我认为应该可以。因为我没有发表评论的权限，所以我把它作为一个答案发布

 <td>
    <button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)"  type="submit" value={{obj.IsActive ? 'Approved ' : 'Pending'}}>
  </button>
  </td>

确保您在问题中设置代码的格式

value=“{{{obj.IsActive'Activate'：'Deactivate'}}”

与设置{{obj.IsActive'Approved'：'Pending'}}的方式相同。确保您在问题中设置代码的格式

value=“{{obj.IsActive Activate'：'Deactivate'}}”

与设置的方式相同{{obj.IsActive？'Approved'：'Pending'}}将“停用”改为“停用”以符合要求？！“停用”改为“停用”要符合要求？！文本没有改变sirI已经应用了这两种方法solution@Gaurav_0093-我用ng值更新了答案，请检查文本未更改sirI已应用这两种方法solution@Gaurav_0093-我用ng值更新了答案，请检查