javascript - 在视图中使用三元运算符

Question

我只想在视图中使用条件运算符：

 <input type="password" ng-model="password" />
 {{ ( password == "qwerty") ? 'PASSED' : 'NOT PASSED' }}

但它会引发错误：

词法分析器错误：表达式 [ ( password == "qwerty") 中的第 25-25 列 [?] 出现意外的下一个字符？“通过”：“未通过”]。

我知道我可以用控制器或类似的东西解决它，['true':'PASSED','false':'NOT PASSED'][(password == "qwerty")]但是' ?'有什么问题？

score 6 · Accepted Answer

6

您需要使用角度 1.1.5+/1.2+。您使用的是哪个版本的角度？

于 2013-10-21T10:32:04.140 回答

score 4 · Accepted Answer

如果您打算在 Angular 中使用三元运算，您可以通过将语法从

{{exp ? true : false}}

到

{{exp && '<value for true>' || '<value for false'}}

例子：

<div> Total: {{bill.total == 0 && 'test' || 'test2' }} </div>

修复了我的小提琴：D

score 2 · Accepted Answer

你有非法字符

{{ ( password == "qwerty") ? 'PASSED` : `NOT PASSED` }}

而不是'你应该使用'

3 回答 3