angular - angular - 选择模型驱动或模板驱动表单的表单类型？

Question

当我使用模型驱动形式时：

@Component({
  selector: 'my-app',
  template: `
  <p>
    <label>First Name:</label>
    <input type="text"  [ngModel]="user.firstName" required>
  </p>
  `,
  providers: [myService]
})

当我使用模板驱动形式时：

 @Component({
      selector: 'my-app',
      template: `
      <p>
         <label>First Name:</label>
         <input type="text" formControlName="firstName">
      </p>
      `,
      providers: [myService]
    })

我认为以上两件事都具有相同的功能。所以，在开始新项目时，我有点困惑哪一个更可取？

Answer 1

我认为以上两件事都具有相同的功能。所以，在开始新项目时，我有点困惑哪一个更可取？

我猜你现在还没有完全探索过这些形式。对于 Angular 中的模板驱动表单，目前有些事情是困难的，甚至是不可能的。

诸如表单数组动态添加和删除控件之类的东西。列出到每个控件并做一些事情，这在 Reactive Forms 中更加实用和容易。而且我觉得未来 Angular 团队将完全切换到响应式表单，这就是要走的路。

我这么说的一些原因是——这个PR在模板驱动表单中支持 NgModelArray

更多关于反应式表单和模板驱动表单。

现在，您可以随心所欲。