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

发布时间：2020-12-17 07:14:31 所属栏目：安全来源：网络整理

导读：可以将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 =

可以将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"

对不起我的英语

解决方法

当您添加模板变量(如#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"

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!