Angular：strictTemplates - 如何在模板中正确设置布尔值和数字？

Question

我strictTemplates:true在 HTML 模板中设置并使用了以下内容

<textarea matInput matAutosizeMaxRows="4" matTextareaAutosize="true"

我从编译器收到

 error TS2322: Type 'string' is not assignable to type 'number'.
 error TS2322: Type 'string' is not assignable to type 'boolean'.

但是如何在 HTML 模板中正确设置它（以避免错误）？

Answer 1

将属性名称括在方括号中。如果您保留方括号，则这些值将被解释为字符串。使用方括号，这些值被解释为 TypeScript，因此可以正确键入。

<textarea matInput [matAutosizeMaxRows]="4" [matTextareaAutosize]="true"