需求:
用户应该能在一个<input>输入框中编辑英雄的名字。 当用户输入时,这个输入框应该能同时显示和修改英雄的name属性。分析:
也就是说,我们要在表单元素<input>和组件的hero.name属性之间建立双向绑定。双向绑定
把模板中的英雄名字重构成这样:
<div>
<label>name: </label>
<input [(ngModel)]="hero.name" placeholder="name">
</div>
[(ngModel)]是一个Angular语法,用与把hero.name绑定到输入框中。 它的数据流是双向的:从属性到输入框,并且从输入框回到属性。