Angular 7 表单提交 双向数据绑定

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