Renderer.addClass()上有多个类

Question

如何在Renderer2.addClass()方法上添加多个类；

示例：

this.renderer.addClass(this.el.nativeElement, 'btn btn-primary')

当我尝试这样做时，我得到了错误：

ERROR DOMException: Failed to execute 'add' on 'DOMTokenList': The token provided ('btn btn-primary') contains HTML space characters, which are not valid in tokens.
    at EmulatedEncapsulationDomRenderer2.addClass

Answer 1

不幸的是，this.renderer.addClass()只接受一个不带空格的字符串。

您可以做的是使用原生元素的classList添加多个类：

this.el.nativeElement.classList.add('btn', 'btn-primary');

Answer 2

好吧，也许Renderer2 addClass()方法不支持它，但是只需使用JavaScript :)

  const myClassess = 'col-12 col-sm-6 col-md-4';
  myClassess.split(' ').forEach((className: string) => {
      this.renderer2.addClass(this.el.nativeElement, className);
  });