跳到主要内容
CNode

table某列的按钮根据 状态来判断是否显示

问答
Jjnuc093发布于 11 年前最后回复 11 年前
652340

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

或者哪有参考例子?

查看回复

回复 (6)

S
SoftwareDreamer#611 年前
引用 jnuc093@SoftwareDreamer 多谢

@jnuc093 互相帮助嘛

J
jnuc093#511 年前

@SoftwareDreamer 多谢

S
SoftwareDreamer#411 年前

不显示,最直接的方法: ng-show="job.Status === 'Running'"

J
jnuc093#311 年前
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

J
jnuc093#211 年前

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

J
jnuc093#111 年前

找到类似方法

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

参与回复

登录后即可参与回复。登录