Кутовий ng-if = “” із кількома аргументами

94

Я намагаюся розпочати кутовий розвиток. І після перегляду документації деякі питання залишаються. Як мені найкраще написати a 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>

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

які дві крапки попереду? Чи не повинно це працювати без них та дужок? На основі прикладу javaCity, це навіть не працює plnkr.co/edit/qdIysgbxtEUVB2WMJa1i?p=preview

— Стефан

крапки - це синтаксис Angular для одноразового (на відміну від двостороннього) прив’язки

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

4

Тільки для уточнення, пам’ятайте, що розміщення кронштейнів важливо!

Вони можуть бути додані до будь-яких тегів 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>

— Віталь Редді
джерело