Angular 2 中的表单控件

Question

我问的问题：

但在将 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

   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 2

属性 控件在包含所有控件的地图中。

你可以这样做：

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

Answer 3

最新angular2版本

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


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