angular - Angular 2 中的 FormControl

Question

我问了这个问题：Angular 2 Provider 的类比

但是在将 angular 更新为 rc.4 并将 @angular/forms 更新为 0.2.0 之后，它就不再起作用了。

部分模板：

    <form [formGroup]="formGroup">
        ...
        <checkbox-view  [formControl]="formGroup.find('rememberMe')">Remember me?</checkbox-view>
    </form>

在组件中：

this.formGroup = this._fromBuilder.group({
     ...
     rememberMe: [this.model.rememberMe]
});

和错误： 没有值访问器''

Answer 1

属性控件在一个包含所有控件的地图内。

你可以这样做：

<form [formGroup]="formGroup">
    ...
    <checkbox-view  [formControl]="formGroup.controls['rememberMe']">Remember me?</checkbox-view>
</form>

Answer 2

   Try using formControlName without the square brackets instead of formControl.

    <form [formGroup]="formGroup">
        ...
        <checkbox-view  formControlName="rememberMe">Remember me?  </checkbox-view>
    </form>

   If you have nested fields you can also do this..

    <form [formGroup]="formGroup">
        ...
       <div formGroupName="topFieldName">
        <checkbox-view  formControlName="subFieldName">Remember me?  </checkbox-view>
       </div>
    </form>

Answer 3

在最新的 Angular 2 版本中

<form [formGroup]="formName">
   <checkbox-view  formControlName="rememberMe">Remember me</checkbox-view>
</form>


this.formName = this._fromBuilder.group({
     rememberMe: [this.model.rememberMe]
});