複数の引数を持つAngular ng-if =“”

94

私は角度のある開発を始めようとしています。そして、ドキュメントを確認した後、いくつかの質問が続きます。にng-if対応する複数の引数を持つを最もよく書く方法

if( a && b) または if( a || b )

javascript angularjs angular-ng-if

157

可能です。

<span ng-if="checked && checked2">
  I'm removed when the checkbox is unchecked.
</span>

http://plnkr.co/edit/UKNoaaJX5KG3J7AswhLV?p=preview

— javaCity
ソース

9

複数の「または」値を持つifステートメントを実行することを検討している人向け。

<div ng-if="::(a || b || c || d || e || f)"><div>

— ブレンダン・メトカーフ
ソース

前の2つのドットは何ですか？それらとブラケットなしでは機能しないのですか？javaCityの例に基づくと、これはplnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Stefan

ドットは、（双方向ではなく）1回限りのバインディングのAngularの構文です

— Brendan Metcalfe

3

はい、可能です。たとえばチェックアウト：

<div class="singleMatch" ng-if="match.date | date:'ddMMyyyy' === main.date &&  match.team1.code === main.team1code && match.team2.code === main.team2code">
    //Do something here
    </div>

— ヴィサル・レディ
ソース

3

明確にするために、ブラケットの配置は重要です。

これらは任意のHTMLタグに追加できます... span、div、table、p、tr、tdなど。

AngularJS

ng-if="check1 && !check2" -- AND NOT
ng-if="check1 || check2" -- OR
ng-if="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

Angular2 +

*ngIf="check1 && !check2" -- AND NOT
*ngIf="check1 || check2" -- OR
*ngIf="(check1 || check2) && check3" -- AND/OR - Make sure to use brackets

ngIfs内で直接計算を行わないことをお勧めします。そのため、コンポーネント内で変数を割り当て、そこでロジックを実行します。

boolean check1 = Your conditional check here...
...

— クリス
ソース