Angular2中的数据绑定

小土豆子额

于 2016-11-15 15:33:49 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/chenyidong521/article/details/53171925

本文介绍如何在Angular项目中实现数据绑定。重点讲解了通过在input元素上设置name属性及ngModel指令来完成双向数据绑定的方法，并展示了在组件中定义绑定变量的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现数据绑定首先要在input的上面添加name属性，否则是绑定不上的。
添加完成name属性后再在input上面添加ng-model=”绑定的变量”

<input class="form-control" #ipt1="ngModel" [(ngModel)]="name" placeholder="请输入账号" name="name" value=""  id="name" required>

然后在对应的component中创建绑定的变量

 export class LoginComponent implements OnInit {
  private name:string;
  constructor() { }
  //使用这个属性的时候使用this.name
  let namea=this.name;


}