根据条件角材动态绑定matSuffix和matPrefix 9。

Question

如何在angular 9材质设计中动态绑定mat-icon上的matSuffix和matPrefix？

我不喜欢我的方式。他们有什么更好的方法吗？

<div *ngIf="condition; else elseBlock"><mat-icon matSuffix>visibility_off</maticon></div>
<ng-template #elseBlock><mat-icon matPrefix>visibility_off</maticon></ng-template>

我想做这样的事情

<mat-icon [matPrefix/matSuffix] --> some condition>{{icon}}</mat-icon>

根据条件，它应该添加matPrefix或matSuffix。

Answer 1

<div [attr.matPrefix]="condition" [attr.matSuffix]="condition">

注意：当条件是 null 属性被删除