在angular2中使用setElementClass时,“classList”未定义

组件.html

<div #myDiv></div>

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

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

这是一个工作过程: DEMO

我在您得到的结果中看到的问题是,该组件没有找到ElementRef子组件(即 @ViewChild ElementRef @ViewChild 室内装修设计师

private element: ElementRef 到构造函数中的参数列表。这对我来说一直很有效。

import { Component, AfterViewInit } from '@angular/core';

@Component(...)
export class MyComponent implements AfterViewInit {

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

    ngAfterViewInit() {
        this.renderer.addClass(this.elementRef.nativeElement, 'shake');
    }
}

此示例将要求您更新类签名以实现 AfterViewInit @angular/core