私は次のAngularJSテンプレートを持っています。AngularJSテンプレートでng-ifステートメントをクリーンアップすることはできますか?
<tr>
<td ng-if="condition1">
Hello World
</td>
<td ng-if="condition2">
A <a ui-sref="mystate1({a: 1, b: 2})"></a>
</td>
<td ng-if="condition3">
B <a ui-sref="mystate1({a: 1, b: 2})"></a>
</td>
</tr>
私は簡素化やクリーンアップ、またはこれら3つのng-if
のステートメントを組み合わせことはできますか?
condition1
,condition2
およびcondition3
は互いに排他的である。しかし、それらは単一の式に基づいていないので、switch文は機能しません。 if-then-else構造を使用できますか?
ng-switchが動作する条件によって異なりますhttps://docs.angularjs.org/api/ng/directive/ngSwitch – rob
あなたのご意見に答えて私は質問を修正しました。 –
ng-switchが作業を行います。ロジックに基づいてコントローラ内にプロパティを定義し、それをビューで使用するだけで済みます。これらの方法で、ビューのロジックをコントローラまたはサービスのロジックに置き換えます。 – Alberto