table某列的按钮根据 状态来判断是否显示
发布于 1天前 作者 jnuc093 92 次浏览 来自 问答

untitled1.png

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'){
                    //这里逻辑应该如何修改
            }
        }
    })

或者哪有参考例子?

3 回复

找到类似方法

Use nested inline if-then statements (Ternary Operators)

for example :
...
And make sure it's readable by your colleagues :)

angular-ng-class-if-else-expression

不过样式不是太会写 if-else-expression

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>

untitled1.png

a ng-class="job.Status === ‘Running’ ? ‘btn btn-primary btn-xs disabled’ : 'btn btn-primary btn-xs’" ng-click="vm.stopJob(job.id)">

bootstrap btn 参考

untitled1.png

回到顶部