Angular Renderer.addClass()上有多个类

Angular Renderer.addClass()上有多个类,angular,angular2-directives,angular9,angular-renderer2,Angular,Angular2 Directives,Angular9,Angular Renderer2,如何在renderr2.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

如何在renderr2.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
不幸的是,它只接受一个没有空格的字符串

您可以使用本机元素添加多个类:

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

嗯,可能renderr2
addClass()
方法不支持它,但这可以通过使用JavaScript来实现:)


我想您必须调用它两次:
this.renderer.addClass(this.el.nativeElement,'btn');this.renderer.addClass(this.el.nativeElement,'btn primary')
  const myClassess = 'col-12 col-sm-6 col-md-4';
  myClassess.split(' ').forEach((className: string) => {
      this.renderer2.addClass(this.el.nativeElement, className);
  });