Получить элемент DOM по идентификатору в Ionic 2

Question

У меня есть <div> в home.html, как показано ниже. Мне нужно вернуть этот элемент по идентификатору, который равен myDiv, а затем передать его как ссылку на метод JS. Я пробовал его с помощью @ViewChild и работал в Ionic 2 beta 11. После обновления Ionic до последней версии rc он прекратил работу.

Вот мой home.html

<ion-header> 
    <ion-navbar> 
    <ion-title>Home</ion-title> 
    </ion-navbar> 
</ion-header> 

<ion-content padding> 
    <div id="myDiv" #myDiv></div> 
<ion-content> 

Вот мой home.ts:

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

import { NavController } from 'ionic-angular'; 


@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 

export class HomePage { 

    @ViewChild('myDiv') defaultContent: ElementRef; 

    ngAfterViewInit() { 
     // console.log("ngView"); 
     var myDiv: HTMLDivElement = this.defaultContent.nativeElement; 
    } 

    constructor(public navCtrl: NavController) { 
    } 

} 

Это мой Ионные информация:

Cordova CLI: 6.3.1 
Ionic Framework Version: 2.0.0-rc.1 
Ionic CLI Version: 2.1.0 
Ionic App Lib Version: 2.1.0-beta.1 
ios-deploy version: 1.8.3 
ios-sim version: 5.0.4 
OS: Mac OS X El Capitan 
Node Version: v6.8.0 
Xcode version: Xcode 8.0 Build version 8A218a 

Answer 1

вы должны попытаться начать использовать более angular2 и машинописный:)

public myDiv:string = ''; 


ngAfterViewInit() { 
    // console.log("ngView"); 
    this.myDiv = this.defaultContent.nativeElement; 
} 

Затем в HTML

<div padding [innerHTML]="myDiv"></div>