fix(module: action-sheet): fix click item without event (#99)

* fix(module: action-sheet): fix click item without event
NG-ZORRO · Nov 7, 2018 · 8c840d5 · 8c840d5
1 parent 9663952
commit 8c840d5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/components/action-sheet/action-sheet.component.html b/components/action-sheet/action-sheet.component.html
@@ -25,7 +25,7 @@ <h3 *ngIf="!isTemplateRef(title)" class="{{props.prefixCls}}-title">{{title}}</h
                       </div>
                       <div *ngIf="destructiveButtonIndex === i"
                            class="{{props.prefixCls}}-button-list-item {{props.prefixCls}}-destructive-button"
-                           (click)="onPress(i)"
+                           (click)="onPress(i, 0, $event)"
                       >
                         {{item}}
                       </div>
@@ -42,7 +42,7 @@ <h3 *ngIf="!isTemplateRef(title)" class="{{props.prefixCls}}-title">{{title}}</h
             <div *ngSwitchCase="'SHARE'" class="{{props.prefixCls}}-share {{props.prefixCls}}-share-content">
               <div *ngIf="!isArray(options, options[0])" class="{{props.prefixCls}}-share-list">
                 <ng-container *ngFor="let item of options; let i = index;">
-                  <div class="{{props.prefixCls}}-share-list-item" (click)="onPress(i)">
+                  <div class="{{props.prefixCls}}-share-list-item" (click)="onPress(i, 0, $event)">
                     <div class="{{props.prefixCls}}-share-list-item-icon">
                       <ng-template *ngIf="isTemplateRef(item.icon)" [ngTemplateOutlet]="item.icon"></ng-template>
                       <div *ngIf="!isTemplateRef(item.icon)" [innerHTML]="item.icon | safeHTML"></div>
@@ -52,9 +52,9 @@ <h3 *ngIf="!isTemplateRef(title)" class="{{props.prefixCls}}-title">{{title}}</h
                 </ng-container>
               </div>
               <ng-container *ngIf="isArray(options, options[0])">
-                <div *ngFor="let items of options;" class="{{props.prefixCls}}-share-list">
+                <div *ngFor="let items of options; let rowIndex = index" class="{{props.prefixCls}}-share-list">
                   <ng-container *ngFor="let item of items; let i = index;">
-                    <div class="{{props.prefixCls}}-share-list-item" (click)="onPress(i)">
+                    <div class="{{props.prefixCls}}-share-list-item" (click)="onPress(i, rowIndex, $event)">
                       <div class="{{props.prefixCls}}-share-list-item-icon">
                         <ng-template *ngIf="isTemplateRef(item.icon)" [ngTemplateOutlet]="item.icon"></ng-template>
                         <div *ngIf="!isTemplateRef(item.icon)" [innerHTML]="item.icon | safeHTML"></div>

diff --git a/components/action-sheet/action-sheet.component.spec.ts b/components/action-sheet/action-sheet.component.spec.ts
@@ -83,6 +83,8 @@ describe('ActionSheetComponent', () => {
       3,
       'shareActionSheetMulpitleLine is work'
     );
+    actionSheetEle.querySelector('.am-action-sheet-share-list-item').click();
+    fixture.detectChanges();
   });
 
   it('should close work', () => {