angularjs - data.property == true の場合はプロパティを表示し、それ以外の場合は何もしないという角度のある方法

Question

私はこのようにビューに表示しているデータを持っていますが、これは正常に動作します:

  <p class="ytTitle">{{ channel.ytTitle }}</p>

このようなデータセットから：

[{
  "id": 150,
  "ytId": "UC7YGvsMTJ7KroZRaUTiF5PQ",
  "property": true
}]

{{ channel.property ? 「プロパティ」:「なし」}}。「プロパティ」を、そのプロパティの名前を検索するものに置き換えます。

Answer 1

AngularJS のどのバージョンを使用していますか? AngularJS 1.2 は三項演算子をサポートしているため、次のことができます。

{{ channel.property ? 'property' : 'none' }}

{{ channel.property ? channel.property : 'none' }}

古いバージョンでは、次のような回避策が必要です。

{{ channel.property && 'property' || 'none' }}

{{ channel.property || 'none' }}