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