使用模板引用变量更改另一个元素的类

Question

我有这个组件模板：

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

我应该在(click)=""内放置第二个div给某个类。我知道它可以在组件代码中完成，但有没有办法直接在模板中完成？

Answer 1

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

或

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

另见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>

这可能对您有帮助！