如何獲得單擊角度2上的組件參考？

Question

<!--snippet from template file--> 
<custom-component 
    ... other properties 
    (mousedown)="onMouseDown()" 
</custom-component> 

@Component({ 
    //selector and templateURL 
}) 
class ContainerComponent{ 
     onMouseDown(){ 
      //get the reference to the custom component here 
     } 
} 

因此，我的模板文件中有多個自定義組件指向相同的mousedown事件如何獲取對customComponent的引用。我希望組件的真實引用不是本地元素，我希望它與@ViewChild（）的東西進行比較。

Answer 1

import { Component,ViewChild} from '@angular/core'; 

    <!--snippet from template file--> 
    <custom-component #start 
     ... other properties 
     (mousedown)="onMouseDown()" 
    </custom-component> 

    @Component({ 
     //selector and templateURL 
    }) 
    class ContainerComponent{ 
      @ViewChild('start') start; 
      onMouseDown(){ 
       //this.start holds the reference 
       //get the reference to the custom component here 
      } 
    }