Estoy desarrollando una aplicación con ionic y necesito capturar una información que hay en una pagina web externa, he intentado incrustar la web con una etiqueta <iframe>
y intento seleccionar el elemento html
que contiene el dato pero no logro hacerlo, la información que necesito obtener es lo que esta resaltado en rojo:
Lo que he intentado es lo siguiente:
Html:
<ion-header>
<ion-navbar>
<ion-title>
Home
</ion-title>
</ion-navbar>
</ion-header>
<ion-content >
<iframe class="iframe" src="http://www.flalottery.com/fantasy5"></iframe>
</ion-content>
ts:
import { Component, ViewChild } from '@angular/core';
import { NavController } from 'ionic-angular';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
@ViewChild('gameContentLeft') sorteo;
constructor(public navCtrl: NavController) {
}
ionViewDidLoad() {
var sorteo = document.getElementById('gameContentLeft')
console.log([sorteo, this.sorteo]);
console.log('ionViewDidLoad RegistroPage');
}
}
Pero todo me da como undefined o null,
¿de que manera puedo extraer estos datos de esta pagina usando JavaScript
?
¿Existe alguna otra forma para extaer estos datos con ionic sin necesidad de usar la etiqueta <iframe>
?