将数字而不是字符串发送到Angular的matToolTip作为mat-icon-button的一部分？或者，在 Angular 模板中将数字转换为字符串？

Question

我有以下一行:

[matTooltip]="ratingId + 1"，这是材料设计按钮的一部分参数。

正常情况下，这一切都很好，但我们使用的是Typescript。ratingId是一个数字。1也是一个数。[matTooltip]想要一个字符串

我发现在Typescript中将数字转换为字符串有很多问题，但在模板中没有。

Answer 1

matTooltip的最终输出应该是一个字符串，但是你可以绑定任何最终变成字符串的东西。例如，可以使用这样的三元操作符:

[matTooltip]="!isTrue ? name : ''"

在你的情况下，你可以这样使用:[matTooltip]="'ratingId + 1'"