web-dev-qa-db-ja.com

Angular ng-if = ""複数の引数

angularの開発を始めようとしています。そして、ドキュメントを確認した後、いくつかの質問が続きます。に対応する複数の引数を持つng-ifを書くにはどうすればよいですか

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

javascriptangularjsangular-ng-if
79
David Karlsson

可能です。

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

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

142
javaCity

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

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

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

<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>
2
Vithal Reddy

明確にするために、ブラケットの配置が重要であることに注意してください！

これらは、任意の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...
c...
0
Chris