在Angular 2中更改ViewChild上的元素类

Question

我在Angular 2中使用ViewChild来隔离一个元素。我可以直接操作样式，但是如果可以更改元素样式类，我找不到文档。

这是示例代码：

    export class HomeComponent implements OnInit {

    @ViewChild('slideBg') el:ElementRef;

    ngAfterViewInit {
        // style can be changed
        this.el.nativeElement.style.background = 'red';
        // does not work:
        this.el.nativeElement.class = 'myCSSclass';
    }

    …

}

想看看这是否可能以及如何实现。任何帮助表示赞赏。

Answer 1

似乎您正在寻找className财产：

this.el.nativeElement.className = 'myCSSclass';

Element.className