angular2项目日常小问题
对[select]中option控制:
- componten中的方法示例
本文仅仅是贴出博主自己在angular组件中控制select选值的一个小方法
代码块HTML
<a class="btn btn-success" (click)="selectController($event)">
点击则选值3
</a>
<div class="input-group">
<div class="input-group-addon">
<span>$</span>
</div>
<select id="select-example" class="form-control">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</div>
//component中代码
object : any ;
selectController(event:any){
this.object= document.getElementById("select-example");
for(let i=0;i<this.object.options.length;i++) {
if(this.object.options[i].value == 3) {
this.object.options[i].selected = true;
break;
}
}
};