Abrufen von DOM-element-id in Ionic 2

Ich habe eine <div> im home.html wie unten gezeigt. Ich habe zum abrufen dieses element, indem Sie die ID-Nummer, die myDiv und später übergeben Sie es als Referenz auf eine JS-Methode. Ich versuchte es mit @ViewChild und es war die Arbeit in Ionic 2 beta 11. Nach dem Upgrade von Ionischen zu den neuesten rc release, es hat aufgehört zu arbeiten.

Hier ist mein 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>

Hier ist mein 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) {
    }

}

Dies ist mein Ionischen info:

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

InformationsquelleAutor Manu Gupta | 2016-10-27

  1. 0

    sollten Sie versuchen, starten Sie mit mehr angular2 und Typoskript 🙂 

    public myDiv:string = '';


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

    Dann in Ihre html -

    <div padding [innerHTML]="myDiv"></div>
    Vielen Dank für die Hinweise. Es zu schätzen wissen. Wir werden versuchen, den Empfehlungen und schreiben Sie bald.

    InformationsquelleAutor LeRoy

Schreibe einen Kommentar