離子 - 使用ng-click在另一個使用ng-click的標籤中單擊的標籤

Question

我使用ng-click在另一個標籤中使用ng-click標籤。當我點擊內部標籤時，它啓動了兩個功能，而不是隻有內部功能。例如：

<div ng-click="gotoChat()" > 



      <i class="icon" ><button ng-click="Close()" class="button button-assertive">סגור בקשה</button></i> 


     </div> 

當我按一下按鈕標籤，其開始gotoChat（）和關閉（上），而不僅僅是關閉（）。我該如何解決它？

Answer 1

幾件事情的：

1）您使用的Ionic2/Angular2所以你應該使用（點擊）事件和離子鍵（用於RC版本）

<div (click)="gotoChat()"> 
    <i class="icon"><button ion-button (click)="Close($event)" class="button button-assertive">Name</button> 
</div> 

2）你在找什麼因爲是$ event.stopPropagation（）。在您的嵌套事件中調用它以防止事件冒泡。所以，像這樣：

Close($event) { 
     $event.stopPropagation(); 
     // handle event 
    } 

確保到$事件對象傳遞給要撥打stopPropagation()上