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);
      }
原文链接:https://www.f2er.com/angularjs/145560.html

猜你在找的Angularjs相关文章