Componentes Hijos @input

Clase 21 de 45 • Curso de desarrollo móvil con Ionic 2 2016

Luis Fernando Morales Diaz Morales Diaz

student•

Buen día, una inquietud ¿a través del @Input se puede pasar un objeto también?, en este caso seria a quien esta escogiendo como favorito y como se podría hacer, gracias

Jorge Cano

teacher•

si, podes pasar cualquier tipo de variables, por lo tanto un objeto es una variable asi que podes tranquilamente

Luis Fernando Morales Diaz Morales Diaz

student•

Buena tarde
Algo estoy haciendo mal al tratar de enviar un objeto al componente hijo y no lo noto, =(

en el home.html, dentro del ciclo *ngFor escribí

 <fav-component obj={{item}} (onFav)="onFav($event)"></fav-component>

esperando enviar el item favorito seleccionado de la lista.

En el componente hijo decido que input sea de cualquier tipo, @Input() obj:any;
En la funcion que ejecuta el componente hijo escribi

console.log('valor por @input ->',this.obj);

y me muestra en consola valor por@input -> [object Object] pero no me permite manipularlo ni verlo,

pongo seguido otro console para ver un valor determinado

 `console.log('valor por @input ->',this.obj.img);`

y responde por consola valor por @input -> undefined

Quisiera saber que estoy realizando mal he probado varias maneras de enviar el ‘item’ y no he podido

edwin Ilovares

student•

No Hay necesidad de hacer el import de Fav en home.ts, la consola me tiro un warning porque no se usa, lo quité y funciona bien.

<code>

Edgar Armand Herrera Pepe Herr Herrera Pepe

student•

Al crear un nuevo componente este tiene que ser importado en el app.module.ts de forma obligatoria para que sea visibe, o simplemente puedo importarlo en los componentes donde yo lo requiera?

Digo esto pensando en que si al cargar tantos componentes en mi app.module.ts no se vuelve muy pesada la app al momento de la carga?

O se cargan progresivamente según los vaya requiriendo?

Jorge Cano

teacher•

El ngmodule maneja las importaciones y como traer el componente y en donde… esto no va a hacer mas pesada la aplicación, si no que el mismo module sabe como manejar todo, tambien se podria cargar a travez de lazy load…

David Santiago González Ramos

student•

Entiendo como funciona el @input. Mi pregunta es por qué es necesario o por qué lo usamos, no es más simple poner la funcion en home.ts y ya? Nos ahorramos crear otros tres archivos…?

Componentes Hijos @input

Básicos de Ionic 2

¿Qué es Ionic 2?

Preparando el ambiente de desarrollo

¿ Qué es una app híbrida ?

Arquitectura de una app en Ionic 2

Ionic CLI

Repaso de typescript

Conceptos de angular 2 para ionic

Guía de TypeScript

Repositorio del curso

User Interface ( UI ) de la aplicación

Creando nuestro proyecto y UI List

UI de notificaciones ( eventos )

Cards UI

Themming SCSS

¿Qué es un Componente en Ionic?

UI de nuestro Login

Refactor ( buenas prácticas) en componentes

Interfaces - Commons ( Como crear interfaces personalizadas)

Rutas entre vistas de la aplicación

Navegación con parametros

Ciclo de vida de los componentes

Componentes Hijos @input

Componentes Hijos @output

Conexión a servicios web y SQlite

Conexión a un web service con promises

Conexión al backend y RxJS

Conexión con SQLite

Firebase

Real-Time database con Firebase

Botón de Like

Push Notifications

Ionic Native

Ionic Native - Geolocalización

Ionic native - Acceso a la cámara

Ionic native - Admob

Progressive web apps y servicios cloud de Ionic

Progressive Web Apps en Ionic 2

Terminando nuestro service worker

Login Común con Ionic Cloud

Ionic native - background services

Ionic Cloud, Login Facebook

Puesta en producción

Compilación en android e iOS

Contenidos complementarios

Ionic Creator

MarketPlace

Ionic Cloud

Cierre del curso

Cierre del curso

Desafíos del curso: Google Maps

Desafíos del curso: Retwit

Desafíos del curso: Hacer settings para theme