我在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中,我设置了已批准和待定的值。
{{obj.IsActive ? 'Approved ' : 'Pending'}}
在td下面有一个按钮
<td>
<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" type="submit" value="Activate"></button>
</td>
上面有activate
文字
如何设置按钮文本&#34;停用&#34;当我的状态在angularjs中被批准时?
答案 0 :(得分:1)
您可以以相同的方式使用字符串插值
<button ng-click="ToActiveBlog(obj.Id)">{{obj.IsActive ? 'inactivate' : 'Activate'}}</button>
答案 1 :(得分:1)
在button元素中使用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-if
ngIf指令删除或重新创建DOM树的一部分 基于{表达式}。如果分配给ngIf的表达式求值 如果为false,则从DOM中删除该元素,否则为a 将元素的克隆重新插入DOM。
<td ng-if=obj.IsActive>
<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" value="Activate"></button>
</td>
<td ng-if=!obj.IsActive>
<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" ng-bind="btnactivate" type="submit" value="Inactivate"></button>
</td>
答案 2 :(得分:1)
请尝试以下操作,我认为它应该可行。由于我没有发表评论的访问权限,因此我将其作为答案发布
<td>
<button class="btn btn-primary waves-effect waves-light" ng-click="ToActiveBlog(obj.Id)" type="submit" value={{obj.IsActive ? 'Approved ' : 'Pending'}}>
</button>
</td>