angular - 在 angular2 中使用 setElementClass 时，“classList”未定义

Question

这是我的代码...

constructor(private loginService: LoginService, 
            private router: Router, 
            private renderer: Renderer) { }

@ViewChild('element') private element: ElementRef;
this.renderer.setElementClass(this.element, 'shake', false);

它会导致“无法读取未定义的属性“classList””

如果我这样改变...

this.renderer.setElementClass(this.element.nativeElement, 'shake', false);

它会导致“无法读取未定义的属性“nativeElement””

如何再次设置元素的类？

Answer 1

以下是获取 Dom elememt 的方法:

component.html

<div #myDiv></div>

component.ts

@ViewChild('myDiv') private myDiv: ElementRef;

ngAfterViewInit () {
    this.renderer.setElementClass(this.myDiv.nativeElement, 'shake', true); } }
}

这是一个工作插件:DEMO