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

发布时间：2020-12-17 07:27:53 所属栏目：安全来源：网络整理

导读：我想知道是否可以在ng-click属性中使用三元表达式.如果可能的话,我不想使用单独的控制器功能. 这是一个双按钮切换设置 – 我可以进行简单的切换工作,但不希望再次点击“关闭”按钮重新打开. ng-click中的三元组不起作用(注意ng-class中的三元组确实有效)： b

我想知道是否可以在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 …

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!