Angular 2中的FormControl

Question

我问了这个问题：Analogue of Angular 2 Provider

但是在更新角度到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]
});

错误： ＆＃39;

没有值访问者

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

最新的角度2版本

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


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