Как сравнить 2 динамических значения в ngIf

Question

Я новичок в Angular, пытаюсь сравнить 2 значения свойств Json в ngIf,

У меня есть объект Address со следующими свойствами Line1, Line2, City, County, Zip code, Country

Я хочу показать значение округа в пользовательском интерфейсе, если округ не равен городу,

Я использую Angular 7

Пример адреса 1 в базе данных:

• Строка1: abc123
• Строка2: xyz
• Город: Лондон
• Графство: Лондон
• Страна: Великобритания

Поскольку значение округа равно городским значениям В пользовательском интерфейсе я хочу показать:

• abc123, xyz, Лондон, Великобритания

Пример адреса 2 в базе данных:

• Линия 1: asdf456
• Линия 2: lkj
• Город: Лондон
• Графство: qwerty
• Страна: Великобритания

Так как значение округа не равно значениям города В пользовательском интерфейсе я хочу показать:

• asdf456, lkj, Лондон, qwerty, Великобритания

такпытаясь ниже код, но это неt работает.

<div *ngIf="address.city == address.county">{{address.county}}</div>

Пробовал в одинарных кавычках

<div *ngIf="'address.city' == 'address.county'">{{address.county}}</div>

и трех равных '==='

<div *ngIf="address.city === address.county">{{address.county}}</div>

Заранее спасибо

Answer 1

Если он динамический, как Observable и т. Д .:

<div *ngIf="address$ | async as address">
    <div *ngIf="address.city  == address.county">{{address.county}}</div>
</div>

| async Является ли канал для динамических значений Observables и Promises. Небольшой совет: не используйте эту трубу в цикле * ngFor.