1. 程式人生 > >Angular4_Checkbox多選框選中事件,與其他元件互動

Angular4_Checkbox多選框選中事件,與其他元件互動

<input type="checkbox" [rtSelectionCheckboxFor]="hu" [(selected)]="hu.selected"  (change)="onChecked($event); setRtList(list);"/> 

用的事change事件監聽的

 onChecked($event: any) {
    this.changeStatus.emit(true);
  }

然後觸發事件,傳到父元件。再進行其他操作
 changeStatus(agreed: boolean) {
        let isEdit = true;
        let isReturn = true;
        let isCombine = true;

        const selectedRows = this.gridComponent.getSelectedRows();
        if (selectedRows && selectedRows.length >= 1) {
          isEdit = false; isReturn = false; isCombine = true;
          if (selectedRows && selectedRows.length === 2) {
            isEdit = true; isReturn = true;
            isCombine = false;
          } if (selectedRows && selectedRows.length > 2) {
            isEdit = true; isReturn = false;
            isCombine = true;
          }
        }
        this.footerComponent.setHuButtonStatus(isEdit, isReturn, isCombine);
      }