AngularJSでレンダリング条件を作成する 質問する

AngularJSでレンダリング条件を作成する 質問する

私は作り方を知っているビューAngularJS の条件。条件に応じて DOM 要素を表示または非表示にします。

<div ng-show="{{isTrue}}">Some content</div>

しかし、どうやって与えるdiv をレンダリングするかどうかを決定する条件ですか?

ベストアンサー1

angularjs 1.1.5 以上のユーザー向けの更新 (1.0.7 ではサポートされていません):

関連コミット:https://github.com/angular/angular.js/commit/2f96fbd17577685bc013a4f7ced06664af253944

Angular に条件付きレンダリング ディレクティブが追加されました: ngIf

使用法:

<div ng-if="conditional_expression"></div>

ngIfを使用して要素が削除されると、そのスコープは破棄され、要素が復元されると新しいスコープが作成されることに注意してください。

ドキュメント: directive-ngIf

従来の AngularJS ユーザーの場合:

ngShowディレクティブは、条件に応じて要素を非表示/表示します。これは、新しい安定リリースの 1 つで変更される予定で、現在は のリリースで使用できunstableます1.1.5

DOM 上の項目を条件付きで追加/削除したい場合は、 を使用できますngSwitch

<div ng-switch="showMe">
    <div ng-switch-when="true">Hello!</div>
</div>

実際、このディレクティブは1以上のケースを処理するために作成されていますが、そのように使用することもできます。これより洗練された使用例については回答をご覧ください。

おすすめ記事