イオン2：コントローラーからクラスを追加する方法

Question

ダイナミッククラスを追加する方法コントローラーからイオン2？ 私のコード：

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

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

    constructor() { 

    } 

    addClass() { 

    //This ADD CLASS in tag BODY 

    } 

} 

Answer 1

角度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 
    } 
} 

UPDATED ANSWERここ

作業plunker.

に余分な輸入

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

を追加します

は、私はエラーが持っている、すなわち、new_class