CNode

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

问答
Jjnuc093发布于11 年前最后回复11 年前6 回复5212 浏览0 收藏

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)

J
jnuc093#1·11 年前

找到类似方法

Use nested inline if-then statements (Ternary Operators)

angular-ng-class-if-else-expression

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

J
jnuc093#2·11 年前

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

S
SoftwareDreamer#3·11 年前

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

S
SoftwareDreamer#4·11 年前
引用 jnuc093@SoftwareDreamer 多谢

@jnuc093 互相帮助嘛

J
jnuc093#5·11 年前
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#6·11 年前

@SoftwareDreamer 多谢

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