Angular 如何将双向数据绑定与模型驱动表单相结合？

在angular 2中，建筑形式的一种可能性是模型驱动方式。据我所知，控件放松了双向数据绑定，这与ngModel的模板驱动方式相反

将双向数据绑定与模型驱动表单相结合的最佳方式是什么？ 我尝试使用带有[value]的模型绑定：

<form [ngFormModel]="hero" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" id="name" [value]="hero.value.name" 
           class="form-control" ngControl="name">

在超时功能中，控件值和模型将重置为原始值

---

我使用的是angular 2 beta.15。

事实上，您可以将

ngControl

和

ngModel

混合使用，如下所示：

<form ngForm="hero" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" id="name" [(ngModel)]="hero.value.name" 
       class="form-control" ngControl="name">
  </div>
</form>

名称

在本例中，在

hero.value.name

上有双向绑定

ngModel

允许在输入字段上附加属性并使其同步（双向绑定）。控件允许应用验证、获得字段是否有效的通知、触摸等。。。并收到更新通知（

valueChanges

）

请参阅以下链接：

也就是说，您可以混合使用内联（

ngControl

）和编程表单定义（

ngFormModel

）

有关更多详细信息，请参阅本文：

---

您能再详细说明一下吗？你到底想干什么还不够清楚，谢谢，我想我明白了。我想使用命令式方法创建验证，但我没有意识到ngControl和ngFormControl之间的区别。你的回答帮助了我。

<form ngForm="hero" (ngSubmit)="onSubmit()">
  <div class="form-group">
    <label for="name">Name</label>
    <input type="text" id="name" [(ngModel)]="hero.value.name" 
       class="form-control" ngControl="name">
  </div>
</form>