fix(module:transfer): fix click checkbox can't trigger selection (NG-…

…ZORRO#3030) close NG-ZORRO#3026
Ricbet · Apr 9, 2020 · 24150c3 · 24150c3
1 parent 11ded2e
commit 24150c3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/components/transfer/nz-transfer-list.component.html b/components/transfer/nz-transfer-list.component.html
@@ -19,9 +19,9 @@
   </div>
   <ul class="ant-transfer-list-content">
     <ng-container *ngFor="let item of dataSource">
-      <li *ngIf="!item._hiden" (click)="_handleSelect(item)"
+      <li *ngIf="!item._hiden"
         class="ant-transfer-list-content-item" [ngClass]="{'ant-transfer-list-content-item-disabled': disabled || item.disabled}">
-        <label nz-checkbox [nzChecked]="item.checked" [nzDisabled]="disabled || item.disabled">
+        <label nz-checkbox [nzChecked]="item.checked" (nzCheckedChange)="_handleSelect(item)" [nzDisabled]="disabled || item.disabled">
           <ng-container *ngIf="!render; else renderContainer">{{ item.title }}</ng-container>
           <ng-template #renderContainer [ngTemplateOutlet]="render" [ngTemplateOutletContext]="{ $implicit: item }"></ng-template>
         </label>

diff --git a/components/transfer/transfer.spec.ts b/components/transfer/transfer.spec.ts
@@ -250,7 +250,7 @@ describe('transfer', () => {
       fixture.detectChanges();
       expect(pageObject.getEl('[data-direction="right"] .ant-transfer-list-header .ant-checkbox').classList).not.toContain('ant-checkbox-checked');
       pageObject.checkItem('right', 1);
-      tick();
+      tick(50);
       fixture.detectChanges();
       expect(pageObject.getEl('[data-direction="right"] .ant-transfer-list-header .ant-checkbox').classList).toContain('ant-checkbox-checked');
     }));
@@ -293,7 +293,7 @@ describe('transfer', () => {
       if (!Array.isArray(index)) {
         index = [ index ];
       }
-      const items = (direction === 'left' ? this.leftList : this.rightList).querySelectorAll('.ant-transfer-list-content-item');
+      const items = (direction === 'left' ? this.leftList : this.rightList).querySelectorAll('.ant-transfer-list-content-item label');
       for (const idx of index) {
         (items[ idx ] as HTMLElement).click();
         fixture.detectChanges();