saben si se puede obtener el dato desde el constructor que se obtiene desde el input componente que le defino un 'id'?, osea lo que hago es hago una directiva <contenido-images [id]="contenido.id"></contenido-images>
ese [id]
envio un numero que lo recibe contenidoImages.ts y lo obtengo por medio de @Input() id
en el templateUrl
si me sale lo que le envío que lo imprimo así {{id}}
.
Pero lo que quiero es obtener ese id desde contenidoImages.ts para consultar un servicio y traer mas datos y luego si imprimirlo en el templateUrl: 'contenidoImages.html'
, le hago un console.log(this.id)
pero me sale undefined, nose porque no lo obitiene pero si lo imprime en el template.
Le muestro como esta mi codigo:
page2.ts
import { Component } from '@angular/core';
import { NavController, NavParams } from 'ionic-angular';
import { MenuServices } from '../../app/services/menu';
import { contenidoServices } from '../../app/services/contenidos';
@Component({
selector: 'page-page2',
templateUrl: 'page2.html'
})
export class Page2{
selectedItem: any;
constructor(
public navCtrl: NavController,
public navParams: NavParams,
private menu: MenuServices,
private contenido: contenidoServices
){
this.selectedItem = {boolean: true, result: navParams.get('item')};
}
}
page2.html
<div *ngFor="let contenido of selectedItem.result">
{{contenido.id}}
<contenido-images [id]="contenido.id">
</contenido-images>
<div class="contenido-menu">
<h2>{{contenido.titulo}}</h2>
<div class="texto">
{{contenido.texto}}
</div>
</div>
</div>
contenidoImages.ts
import { Component, Input } from '@angular/core';
import { contenidoServices } from '../../app/services/contenidos';
@Component({
selector: 'contenido-images',
templateUrl: 'contenidoImages.html'
})
export class contenidoImage{
@Input() id;
constructor(private contenido: contenidoServices){
console.log(this.id);
}
console.log(this.id);
}
contenidoImages.html
<ion-slides pager>
<ion-slide>
{{id}}
</ion-slide>
<ion-slide>
{{id}}
</ion-slide>
</ion-slides>