Angular Mat Card не отображает рассчитанные значения

Question

Я использую mat-card в своем приложении и рендеринг через ngFor. Таким образом, содержимое карты рассчитывается, но значения, полученные из этих расчетов, вообще не отображаются.

Я попытался сделать какой-нибудь обычный вывод на карту, он работает нормально, когда мне нужно использовать фигурные скобки, он ломается. Ввод чего-то вроде {{'render this string'}} тоже не работает.

<mat-card class="tribe-card" *ngFor="let committee of (committeesList$ | async)">
    <mat-card-header>
       <!-- This is not working -->
       <mat-card-subtitle><p>{{'committee.sName'}}</p></mat-card-subtitle>
       <!-- This is working -->
       <mat-card-title><p>Absolutely regular rendering</p></mat-card-title>
    </mat-card-header>
    <!-- This is not working -->
    <mat-card-content>{{committee.oActivePhase.sName}}</mat-card-content>
</mat-card>

Что может быть источником этой ошибки и как я могу это исправить?

Answer 1

Удалить одинарные кавычки: {{committee.sName}}

Еще одна вещь: используйте оператор Элвиса, поэтому нулевые / неопределенные атрибуты вызывают неисправимую ошибку:

{{committee?.oActivePhase?.sName}}