select中option的简单控制

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;      }    }  };