Estoy usando Angular 5.2.
Intento hacer lo siguiente:
Tengo varios elementos HTML cada uno con un evento de tipo clic que invoca a un mismo método del componente. Este método recibe un string que usa internamente. Es decir que en el template HTML tendría algo así:
<p class="link" id="id_1" (click)="xxx('foo')">click 1</p>
<p class="link" id="id_2" (click)="xxx('baz')">click 2</p>
y en la clase del componente:
public xxx(element: string): void {
console.log('value: ' + element);
}
Lo que quiero es poder pasar, automáticamente, el valor de un atributo del elemento HTML, en este ejemplo un párrafo, que puede ser por ejemplo su ID.
He probado con:
<p class="link" id="id_1" (click)="xxx(this.id)">click 1</p>
<p class="link" id="id_2" (click)="xxx([attr.id])">click 2</p>