angular - 哪种表单类型选择模型驱动或模板驱动表单?
angular -Which form type to choose Model-Driven or Template Driven form?
当我使用模型驱动形式时:
@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]
})
我认为以上两件事都具有相同的功能。
所以,在开始新项目时我不太清楚哪个更好?
我认为以上两件事的功能相同。所以,在开始新项目时,我不太清楚哪个更好?
我猜你到目前为止还没有完全探索这些表格。在 Angular .
中,有些事情很难甚至不可能通过模板驱动的形式实现。
动态添加和删除控件的表单数组之类的东西。列出每个控件并做一些事情,这在 Reactive Forms 中更加实用和容易。而且我觉得前进 Angular 团队将完全切换到 Reactive 形式,这是要走的路。
我这么说的一些原因是 - PR 在模板驱动表单中支持 NgModelArray
更多关于 Reactive Forms and Template Driven Forms。
现在随心所欲。
当我使用模型驱动形式时:
@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]
})
我认为以上两件事都具有相同的功能。 所以,在开始新项目时我不太清楚哪个更好?
我认为以上两件事的功能相同。所以,在开始新项目时,我不太清楚哪个更好?
我猜你到目前为止还没有完全探索这些表格。在 Angular .
中,有些事情很难甚至不可能通过模板驱动的形式实现。动态添加和删除控件的表单数组之类的东西。列出每个控件并做一些事情,这在 Reactive Forms 中更加实用和容易。而且我觉得前进 Angular 团队将完全切换到 Reactive 形式,这是要走的路。
我这么说的一些原因是 - PR 在模板驱动表单中支持 NgModelArray
更多关于 Reactive Forms and Template Driven Forms。
现在随心所欲。