Change class of another element using template reference variable

Question

I have this component template:

<div id="one" (click)=""></div>
<div id="two" #two></div>

What should I put inside (click)="" to assign the second div some class. I know it can be done inside component code, but is there a way to do it directly in template?

Answer 1

(click)="two.className = 'someClass'"

or

(click)="two.classList.add('someClass')"

See also Change an element's class with JavaScript

Answer 2

<div id="one" (click)="document.getElementById('#two').classList.add('soemClass')"></div>
<div id="two" #two></div>

This may help you!