有没有办法通过 id 获取 mat-icon 并更改 matBadge={{0}} 的值

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;

https://angular.io/guide/template-syntax