Angular2可以使用的獲取複選框(checkbox)的值的一種方法
阿新 • • 發佈:2018-11-04
樓主剛接觸angular2...需要實現一個checkbox,但是網上搜了很多資料都是angularJs的,基本不能通用,終於找到能用的方法,(不敢說合適),現在記錄如下:
樓主的checkbox是迴圈裡生成的,所以就以迴圈方法為例
如下是html程式碼,樓主的情景是勾選複選框框,然後批量刪除勾選的使用者,所以需求就是獲取勾選的account的集合accountArray。比較關鍵的一點是給複選框增加click事件,使得對於複選框的勾選操作能被傳遞出去。
<input type="checkbox" name="checkboxDelete" value={{item.account}} (click)="selectCheckbox($event.target.checked,item.account)"/>
以下是ts程式碼,很簡單,如果被check了,那就將這個checkbox的值新增到accountArray中。
selectCheckbox(check:boolean,value:string){
if(check){
this.accountArray.push(value);
}
}