Условный порядок в Angular 8

Question

Я хочу проверить условие в Angular. Я хочу посмотреть на два числа, которые бы вводили Div, если бы эти два числа были равны. Как я могу проверить это состояние? Я попробовал следующий метод, и это было неправильно.

<div *ngIf="'{{item1.menuID==item2.menuID}}'">
    {{item1.title}}
  </div>

Answer 1

Код, который у вас есть, будет преобразован в строку, если вы добавляете одинарные кавычки вокруг условия, также вам не нужно интерполировать для доступа к объекту внутри ngIf.

Если вы хотите оцените, если item1.menuID и item2.menuID равны, вы бы сделали

<div *ngIf="item1.menuID == item2.menuID"> {{item1.title}} </div>

Answer 2

Вам не требуется использовать интерполяцию внутри [anyAttributeEnclosingSquareBrackets] или любого атрибута angular, например * ngIf, * ngFor, или некоторых атрибутов, таких как formControlName

Например:

<child-component [childAttribute]="parentComponentVariable">
<div *ngFor="let x of arrayVariable">Array Variable is present in component</div>
<input type="text" formControlName="name">

Вы можете напрямую сравнить, как показано ниже:

<div *ngIf="item1.menuID==item2.menuID">
    {{item1.title}}
</div>

Предполагая, что item1 и item2 не являются частными переменными компонента и доступны или инициализируются ожидаемым образом