1. 程式人生 > >Angular2可以使用的獲取複選框(checkbox)的值的一種方法

Angular2可以使用的獲取複選框(checkbox)的值的一種方法

樓主剛接觸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);
    }
}