Angular 的变更检测实现我还是比较习惯的,不清楚在模板中调用函数是否会导致性能问题。
例如,执行以下操作是否更糟:
<mat-tab-group>
<mat-tab label="First"> {{ getFirstTab() }} </mat-tab>
<mat-tab label="Second"> {{ getSecondTab() }} </mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)
比做:
<mat-tab-group>
<mat-tab label="First"> {{ firstTabContent }}</mat-tab>
<mat-tab label="Second"> {{ secondTabContent }}</mat-tab>
</mat-tab-group>
Run Code Online (Sandbox Code Playgroud)
关于什么:
<button *ngIf="shouldShowButton()" .... >
Run Code Online (Sandbox Code Playgroud)