带括号的FormGroup和[FormGroup]之间的区别

Question

我正在以角度构建Dyanmic形式，但我仍在努力理解使用之间的区别 FormGroup和[FormGroup]（带有括号） 和FormControlName与[FormControlName]

Answer 1

这是Angular绑定模板中属性的基本概念（请检查documentation）。 使用方括号可以绑定变量，该变量在组件中声明。如果没有括号，则绑定变量的值。

formControlName与[formControlName]之间的差异是第一个元素的差异，formControlName在组件的FormGroup中声明，第二个元素是独立的{{ 1}}。

示例：

FormControl

@Component({
  selector: 'app-profile-editor',
  template: `
    <form [formGroup]="profileForm">
    <label>
        First Name:
        <input type="text" formControlName="firstName">
    </label>
    </form>
 `
})
export class ProfileEditorComponent {
  profileForm = new FormGroup({
    firstName: new FormControl('')
  });
}

检查角度documentation about reactive forms。