Angular 将字符串传递给组件——有或没有绑定(bind)？

Question

我知道有几种将字符串文字传递给组件的方法:

<component inputField="string"></component>
<component [inputField]="'string'"></component>
<component inputField="{{'string'}}"></component>

它们有区别吗？ Angular 是否以第二种和第三种方式检查属性的更改，而不检查第一种方式，或者 Angular 是否很聪明，它不检查包含字符串文字的属性的任何更改？

Answer 1

它们的不同之处在于第二个版本是最好的。假设您的代码中有它:

<component [inputField]="'string'"></component>

现在，您需要参数化 inputField 值。您需要做的是将“string”替换为 inputFieldProperty，即具有所需值的参数名称:

<component [inputField]="inputFieldProperty"></component>

如您所见，这与更改 JS(或 TS)中的任何内容等效:

inputField = 'string';

至:

inputField = inputFieldProperty;

所以很清楚并且很容易弄清楚。 3 个解决方案中最干净的解决方案。