如何在单击角度 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
          }
    }