gpt4 book ai didi

javascript - ngClass OR 表达式

转载 作者:行者123 更新时间:2023-11-29 16:08:25 25 4
gpt4 key购买 nike

我有一个带有 ng-class 属性的元素,如下所示:

<label class="item item-input item-floating-label"
ng-class="{'has-errors':{{loginForm.$submitted && loginForm['AccountLoginForm[username]'].$invalid}} || {{loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid && success.data.login=='err'}},
'no-errors':{{loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid}} || {{loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid && success.data.login=='ok'}}">
</label>

但是类(class)不适用。我做错了什么,写这样的表达式的最佳方式是什么?

最佳答案

您可以在 ng-class 中编写 JavaScript 表达式。您不需要更多大括号{{}}:

<label class="item item-input item-floating-label"
ng-class="{'has-errors':(loginForm.$submitted && loginForm['AccountLoginForm[username]'].$invalid) || (loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid && success.data.login=='err'),
'no-errors':(loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid) || (loginForm.$submitted && loginForm['AccountLoginForm[username]'].$valid && success.data.login=='ok')">
</label>

关于javascript - ngClass OR 表达式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34875900/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com