DOM要素をIonic 2のIDで取得する

Question

に<div>があります。私はmyDivのIDでこの要素を取得し、後でJSメソッドへの参照として渡す必要があります。私は@ViewChildを使って試してみたところ、Ionic 2 beta 11で働いていました。最新のrcリリースにIonicをアップグレードした後、動作を停止しました。ここで

はここに私の 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とtypescriptですを使用して起動します。 ）

public myDiv:string = ''; 


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

は、その後、あなたのhtmlに

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