angular - 如何在 Angular 2 的事件处理程序中传递 html 元素属性？

Question

我有一个数据列表，我以这种方式在 html 模板中显示。

<div>
   <a (click)='onClick(this)' someproperty='test'></a>
   <a (click)='onClick(this)' someproperty='test'></a>
   <a (click)='onClick(this)' someproperty='test'></a>
   <a (click)='onClick(this)' someproperty='test'></a>
</div>

每当我单击一项时，我想动态更改一个属性。但是，Angular 将对象显示为未定义。

这是我的组件:

declare var $:any;
export class MyComponent {
  onClick(someobject): void {
    $(someobject).attr('someproperty','dontTest');//console shows "Undefined"

  }
}

Answer 1

尝试下面，

 <a (click)='onClick($event)' someproperty='test'>click me</a>

 onClick(someobject): void {
    someobject.target.attributes['someproperty'].value = "donttest";
    console.log(someobject.target.attributes['someproperty'].value);
  }

这是Plunker!!

希望这有帮助!!