Angular 7 表单提交 双向数据绑定
github源码:https://github.com/wangduxiu/Angular7-Demo.git
先在ts中定义数据
public peopleInfo:any={
username:'',
sex:'2',
cityList:['北京','上海','深圳'],
city:'北京',
hobby:[{
title:'吃饭',
checked:false
},{
title:'睡觉',
checked:false
},{
title:'打豆豆',
checked:true
}]
};
input框 双向数据绑定
html:
<li>
姓 名:<input type="text" id="username" class="username" [(ngModel)]="peopleInfo.username"/>
</li>
radio 双向数据绑定
<li>
性 别:
<input type="radio" value="1" name="sex" id="sex1" [(ngModel)]="peopleInfo.sex"/>&l