Angular <select> 和<radio> ngModel 绑定

收集于angular2怎样根据接口获取的值来选中input[radio]和select?

app.html

// select绑定的是value
<select [(ngModel)]="comId">
  <option [value]="c.id" *ngFor="let c of comIdList">{{c.name}}</option>
</select>

// radio绑定的是value
<label *ngFor="let t of typeList">
    <input type="radio" name="type" [(ngModel)]="type" [value]="t.id">{{t.name}}
</label>

app.component.ts

@Component({
    selector: 'app',
    templateUrl: 'src/app.html'
})
export class AppComponent implements OnInit {
    comIdList:any = [
        {id: 1, name: '中国公司'},
        {id: 2, name: '美国公司'},
        {id: 3, name: '德国公司'}
    ];

    typeList:any = [
        {id: 1, name: '类型A'},
        {id: 2, name: '类型B'}
    ];

    comId:number;
    type:number;

    constructor() {
    }

    ngOnInit() {
        setTimeout(()=> {
            this.comId = 3;
            this.type = 2;
        }, 1000);
    }
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值