angular 6中的属性绑定

我很难理解angular 6中的属性绑定

我不知道什么时候我应该告诉我们[property]=“something”以及什么时候property=“something”

在我上面的代码中，为什么formGroupName包含在[]中，而formControl不包含在[]中

如果我在它们上交换[]，会发生什么？当然，它会抛出错误，原因是什么？

看看这里：

括号告诉Angular如何计算模板表达式。如果你 省略括号，Angular将字符串视为常量，并 使用该字符串初始化目标属性。它不评估 绳子

假设i的范围为0到2，包括括号，如下所示

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…将产生

<div formGroupName="0">
<div formGroupName="1">
<div formGroupName="2">

<div formGroupName="i">
<div formGroupName="i">
<div formGroupName="i">

…在排除括号的同时，像这样

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…将产生

<div formGroupName="0">
<div formGroupName="1">
<div formGroupName="2">

<div formGroupName="i">
<div formGroupName="i">
<div formGroupName="i">

…这可能不是你想要的

在formControlName的情况下，如果添加方括号，如下所示

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…angular将尝试计算名称，并将结果分配给formControlName。可能名称作为组件属性存在

如果没有方括号，formControlName只会被分配文本值'name'

请看这里：

括号告诉Angular如何计算模板表达式。如果你 省略括号，Angular将字符串视为常量，并 使用该字符串初始化目标属性。它不评估 绳子

假设i的范围为0到2，包括括号，如下所示

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…将产生

<div formGroupName="0">
<div formGroupName="1">
<div formGroupName="2">

<div formGroupName="i">
<div formGroupName="i">
<div formGroupName="i">

…在排除括号的同时，像这样

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…将产生

<div formGroupName="0">
<div formGroupName="1">
<div formGroupName="2">

<div formGroupName="i">
<div formGroupName="i">
<div formGroupName="i">

…这可能不是你想要的

在formControlName的情况下，如果添加方括号，如下所示

<div [formGroupName]="i">

<div formGroupName="i">

<input [formControlName]="name">

…angular将尝试计算名称，并将结果分配给formControlName。可能名称作为组件属性存在

---

如果没有方括号，formControlName将只分配文本值'name'

非常感谢。现在对我来说已经非常清楚了。：-）非常感谢你。现在对我来说已经非常清楚了。：-）