Question

我想了解@Input属性渲染的内部工作原理。

如果我在Angular中定义一个组件，其中type和title属于@Input属性，那么组件如何理解type属性的值是string（被视为原样）和title属性的值是从配置文件的component_title变量中获取的吗？

<my-component #comp [type]='CONFIRMATION' [title]='config.component_title'></my-component>

Answer 1

如果您使用foo="bar"，则bar被视为字符串。字符串＆＃34; bar＆＃34;因此作为输入foo的值传递。

如果您使用[foo]="bar"，则bar被视为角度表达式。因此，表达式bar的值（因此，在此情况下，组件的属性bar的值）将作为输入foo的值传递。

根据这两条规则，您可以推断出foo="bar"等同于[foo]="'bar'"。

Answer 2

[type] =＆＃34;＆＃39; CONFIRMATION＆＃39;＆＃34;用于字符串。（见报价）

Answer 3

阅读本文以找到适合您的解决方案