为什么Angular的反应式表单绑定不需要@Input?

时间:2018-01-17 10:23:19

标签: angular

当我正在阅读https://angular.io/guide/reactive-forms

时会出现问题

1 个答案:

答案 0 :(得分:0)

@Input()用于通知Angular将组件模板中使用的变量名称绑定到组件类中的变量。

在文档中的示例中(我正在谈论这个:https://angular.io/generated/live-examples/reactive-forms/final.eplnkr.html),我们可以在hero-list.component.html中看到:

<app-hero-detail [hero]="selectedHero"></app-hero-detail>

并在定义<app-hero-detail>的hero-detail.component.ts中,我们可以看到:

@Input() hero: Hero;

因此,只要在模板中使用了一些自定义变量,您仍然需要@Input()

对于组件代码中绑定的变量(使用反应式表单语法),不需要通知Angular绑定任何内容,它已经自动完成,它不需要特殊的注释来理解绑定。

如果这还不够清楚,请通过提供代码示例来更具体,如评论中已经提到的那样。