是否可以在angular中將指令傳遞給事件處理程序？

Question

是否可以做到這一點：

//template file
<input *ngFor="let elem in elements" [myDirective]="elem" 
      (keyup.enter)="onEnter(myDirective)">

//.ts file
onEnter(dir: MyDirective){
   //access myDirective instanse here
}

我知道我可以通過@ViewChildren做到這一點，但我想確保直接傳遞可以嗎？

Answer 1

在指令中，確保設置了exportAs ：

@Directive({
 selector: '[myDirective]',
 exportAs: 'myDirective'
})

然后，您可以在模板中獲得對它的引用：

<input *ngFor="let elem in elements" [myDirective]="elem" #test="myDirective"
  (keyup.enter)="onEnter(test)">

在這里，我稱它為test ，但是您可以隨便叫它