首先input组件内部的双向绑定有两种方式
第一种:通过数据绑定[value]和(input)事件绑定
html部分
<div>
<input type="text" [value]="username" (input)="username = $event.target.value"/>
<span>{ {username}}</span>
</div>
ts部分
export class InputComponent implements OnInit {
username = ''
}
第二种:通过ngModel绑定
记住要在主模块内引入import { FormsModule } from '@angular/forms';同时在imports: [FormsModule]引入
html部分
<div>
<input type="text" [(ngModel)]="username" />
<span>{ {username}}</span>
</div>
ts部分
export class InputComp