html - 如何从 HTML 代码 Angular 中为 HTML 引用设置类？

Question

我有一个文本区域的参考

<*wrapper-component (submit)="tx1.value ? submit(tx1.value) : tx1.setClass('required')??">
<textarea #tx1> <textarea>
</*wrapper-component>

我将 的值传递到我的提交函数中，是否可以tx1从 HTML 本身为我的元素设置类，而不是创建ViewChild属性并使用elRef.nativeElement.setClasstypeScript 访问？

Answer 1

我通常建议使用[ngClass]绑定来动态设置 CSS 选择器。但是，如果您坚持使用模板 ref 变量，您可以使用该setAttribute()方法设置属性，在您的情况下'class'。

<*wrapper-component (submit)="tx1.value ? submit(tx1.value) : tx1.setAttribute('class', 'required')">
  <textarea #tx1> <textarea>
</*wrapper-component>