Question

<mat-icon id="matId" matBadge={{0}} matBadgeColor="warn"></mat-icon>

是否可以通过其ID获取Mat-icon并更改matBadge={{0}}的值

Answer 1

是的，但是我认为您正在以错误的方式进行操作。不用选择它，然后更新innerText，而是使用angulars数据绑定（因为这就是它的作用）。

在组件中声明一个属性：

public badgeCount: number;

在您的MatIcon中，更改代码，如下所示：

matBadge="{{badgeCount}}"

或

[matBadge]="badgeCount"

然后在组件代码中，无论您要更新徽章编号的位置，只需执行以下操作：

this.badgeCount = 1;