在angularjs中的ng-click中的三元表达式

前端之家收集整理的这篇文章主要介绍了在angularjs中的ng-click中的三元表达式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道是否可以在ng-click属性中使用三元表达式.如果可能的话,我不想使用单独的控制器功能.

这是一个双按钮切换设置 – 我可以进行简单的切换工作,但不希望再次点击“关闭”按钮重新打开.

ng-click中的三元组不起作用(注意ng-class中的三元组确实有效):

<button
    ng-click="allOn2==true ? allOn2 : !allOn2"
    ng-class="allOn2==true ? 'btn-green-on' : 'btn-green-off'">
ON</button>

这是一个更完整的jsfiddle:
toggler

你没有用三元表达式做任何事情.要使它有用,请指定它:
{{ var1 }} {{ var2}}
<button
    ng-click="var1 = (allOn2==true ? allOn2 : !allOn2)"
    ng-class="{'btn-green-on':allOn2,'btn-green-off' : !allOn2}">
ON</button>

我不确定如何使用三元表达式来表示ng-class …

原文链接:https://www.f2er.com/angularjs/142068.html

猜你在找的Angularjs相关文章