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

另一件事：使用Elvis运算符，因此null / undefined属性会导致无法恢复的错误：

{{committee?.oActivePhase?.sName}}

Angular Mat Card未显示计算值

1 个答案: