angular 中自己常用的下拉框獲取值方法

方法一

HTML頁中

<select name="" id="if02" data-first-option="true" (change)="getChange($event.target.value)">

　　<option value="-1">--請選擇--</option>

　　<option [value]="true">是</option>

　　<option [value]="false">否</option>

</select>

 

ts中

getChange(val: number) {

　　console.log(val);

　　if(val==1){

　　　　this.currentRow.condition01 = "true";

　　　　}else if(val==0){

　　　　this.currentRow.condition01 = "false";

　　}

}

 

方法二

html中

<select class="btn btn-outline-primary" name="if03" id="if03" [(ngModel)]="currentRow.condition03" style="height: 40px;width: 130px">

　　<option [ngValue]="1">是</option>

　　<option [ngValue]="0">否</option>

</select>

其中

currentRow.condition03 是數據源的一個字段 實際上是和數據庫的某個字段綁定

 

不理解數據源的話可以

在ts中定義一個變量   然后[(ngModel)]="定義的變量"   即可

 

 

補充一下 ngModelChange 的用法

<input type="checkbox" (ngModelChange)="mychange($event)" [ngModel]="mymodel"> mychange(val) { console.log(val); // updated value }