私は作り方を知っているビュー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を使用して要素が削除されると、そのスコープは破棄され、要素が復元されると新しいスコープが作成されることに注意してください。
従来の AngularJS ユーザーの場合:
ngShow
ディレクティブは、条件に応じて要素を非表示/表示します。これは、新しい安定リリースの 1 つで変更される予定で、現在は のリリースで使用できunstable
ます1.1.5
。
DOM 上の項目を条件付きで追加/削除したい場合は、 を使用できますngSwitch
。
<div ng-switch="showMe">
<div ng-switch-when="true">Hello!</div>
</div>
実際、このディレクティブは1以上のケースを処理するために作成されていますが、そのように使用することもできます。これより洗練された使用例については回答をご覧ください。