angular - 可以将模板中的 id 值传递给函数 (AngulasJS2)

Question

可以将 id 的值从模板传递到函数 (AngulasJS2)。

 template: `
  <div class="container" *ngFor="#mov of movs">
  ..//
  <button class="btn btn-primary" type="button"
  ..//
  (click)="test(id)" [id]="mov"
  > 
  ..//

  ..//
  test(id: string) {
  //test
  var logo1: HTMLElement = document.getElementById(id);
  ..//
  }

现在我正在使用它并且它有效，

 (click)="test(''+mov)" [id]="mov"

但使用此代码不起作用。

(click)="test(id)" [id]="mov"

对不起我的英语

Answer 1

当你添加一个像 #elem 这样的模板变量时(在原生 DOM 元素上，而不是 Angular 组件或带有指令的元素上)你可以使用它作为对元素的引用然后得到元素的 ID (elem.id)。

<div class="container" *ngFor="let mov of movs" >
  ..//
  <button class="btn btn-primary" type="button" #elem
  ..//
    (click)="test(elem.id)" [id]="mov"