事件傳播史中angular4

Question

不工作我有一個div結構是這樣的：基本上在我設置showDragDrop =假hideWindow（）方法

<div [ngClass]="showDragDrop == true ? 'show' : 'fade' " 
         (click)="hideWindow($event); $event.stopPropagation()"> 
    <input type="file" (change)="uploadFile($event)" .../> 
</div> 

，這使得我的div來獲得隱藏。

我的問題是，我有一個輸入='文件'按鈕在這個div內，當我點擊它時，它會觸發hideWindow（）方法。

我想這

hideWindow(event) {  
    event.stopPropagation(); 
    this.showDragDrop=false; 
    } 

這

(event)="doSomething($event); $event.stopPropagation()" 

這

(event)="doSomething($event); false" 

，但它不工作

Answer 1

移動event.stopPropagation();輸入的點擊（）

<input type="file" (click)="removetheClick($event)" ...> 

和

removetheClick(event){ 
    event.stopPropagation(); 
} 

Demo

，或者更簡潔的版本，@yurzui建議：

<input type="file" (click)="$event.stopPropagation()" ...>