Angular ng-if = "" с несколькими аргументами

95

Я пытаюсь начать разработку angular. И после просмотра документации некоторые вопросы остаются. Как мне лучше всего написать ng-ifс несколькими аргументами, соответствующими

if( a && b) или if( a || b )

javascript angularjs angular-ng-if

— Дэвид Карлссон
источник

159

Это возможно.

<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>

— Брендан Меткалф
источник

какие две точки спереди? Разве не должно работать без них и скоб? Основываясь на примере javaCity, это даже не работает plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Стефан

точки - это синтаксис Angular для одноразового (в отличие от двустороннего) связывания

— Брендан Меткалф

5

Просто чтобы уточнить, имейте в виду, что размещение брекетов важно!

Их можно добавить в любые 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

Угловой2 +

*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...
...

— Крис
источник

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>

— Витал Редди
источник