angular - example - searchbar ionic

Ionic 3 no puede usar componentes ion-*dentro de mis componentes personalizados

Question

Recientemente he actualizado a Ionic 3 desde Ionic 2, creé el archivo components.module.ts y declaré y exporté cada componente personalizado que tengo, y luego importé este archivo único en cada módulo de página que tengo.

Así que ahora el problema es que no puedo usar componentes ion- * dentro de mis propios componentes, porque no IonicModule.forRoot(..) el IonicModule.forRoot(..) dentro de mis componentes.module.

El error es:

"Errores de análisis de plantilla: ''ion-spinner'' no es un elemento conocido ..."

¿Qué estoy haciendo mal?

Answer 1

Basado en la respuesta de Eliran, aquí tienes un ejemplo en caso de que alguien necesite algo visual, en components.module.ts :

@NgModule({
 imports: [
  CommonModule, <<<< add the angular common module
  IonicModule <<<< add the ionic module
 ],
 ...
})

Answer 2

Muy bien, entonces me di cuenta de la solución:

Todo lo que necesitaba era importar IonicModule en components.module , sin forRoot(..) .

También tenga en cuenta que CommonModule de Angular también es necesario para hacer que las directivas de Angular funcionen, por lo que probablemente también necesite importarlo.