table某列的按钮根据 状态来判断是否显示:
当status为 stop时候,stop按钮不显示。
jobsListView.html
<td>
<a class="btn btn-primary btn-xs" ng-click="vm.stopJob(job.id)">
<i></i> Stop
</a>
</td>
jobsListCtrl.js
jobResource.query(function(data) {
vm.jobs = data;
for (var i = 0; i < vm.jobs.length; i++) {
if(vm.jobs[i].Status === 'Running'){
//这里逻辑应该如何修改
}
}
})
或者哪有参考例子?
回复 (6)
J
找到类似方法
Use nested inline if-then statements (Ternary Operators)
angular-ng-class-if-else-expression
不过样式不是太会写 if-else-expression
J
html中的写法,怎么让a 标签给隐藏呢
<td>
<a ng-class="job.Status === 'Running' ? '' : 'btn btn-primary btn-xs'" ng-click="vm.stopJob(job.id)">
<i></i> Stop
</a>
</td>
S
不显示,最直接的方法: ng-show="job.Status === 'Running'"
S
引用 jnuc093@SoftwareDreamer 多谢
@jnuc093 互相帮助嘛
J
a ng-class="job.Status === 'Running' ? 'btn btn-primary btn-xs disabled' : 'btn btn-primary btn-xs'" ng-click="vm.stopJob(job.id)">
J
@SoftwareDreamer 多谢
参与回复
登录后即可参与回复。登录