离子2：如何添加从控制器类

Question

如何添加动态类到BODY从控制器在离子2？ 我的代码：

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

@Component({ 
    templateUrl: 'pages.html' 
}) 
export class PagesPage { 

    constructor() { 

    } 

    addClass() { 

    //This ADD CLASS in tag BODY 

    } 

} 

Answer 1

在angular 2中，我们使用引用来获取元素。

<div #reference_id></div> 

类

export class App implements AfterViewInit{ 
    @ViewChild('reference_id') elem:ElementRef; 
    constructor(private rd: Renderer2) {} 
    ngAfterViewInit() { 
      console.log(this.rd); 
      console.log(this.elem.nativeElement); 
      this.rd.addClass(this.elem.nativeElement, 'new_class_name'); // this adds the class 
    } 
} 

修订ANSWER

这里工作plunker.

添加额外的进口

import {ElementRef, Renderer2, ViewChild, AfterViewInit} from '@angular/core'; 

检查元素即你好在plunker结果检查添加的类即new_class