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

angular 1.1.5+/1.2+ を使用する必要があります。どのバージョンの角度を使用していますか?

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

you have illegal characters in

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

instead of ` you should use '

3 に答える 3