Aplicações Angular são modulares. O Angular possui o seu próprio sistema de módulos, conhecido como NgModule. Cada aplicação Angular ou Ionic possui pelo menos uma classe de módulo, que é o módulo root, chamado de app.module.
app.module.ts: módulo root da aplicação.
Um módulo Angular é uma classe decorada com um decorator NgModel.
@NgModel: Função decoradora que recebe como parâmetro um objeto JS, que vai conter propriedades (metadados).
Basicamente, a gente fala para o Angular que uma classe é um módulo, e passamos alguns metadados para que ele possa entender e compilar essa classe como um módulo de forma adequada.
Metadados do NgModels:
declarations: Declarar todos os components, pipes e diretivas que tivermos na aplicação;
imports: Serve para importar outros módulos que este módulo necessita para funcionar;
exports: Torna público components, pipes e diretivas que você precise que outros módulos importem;
bootstrap:
entryComponents: Páginas (serão criadas de forma dinâmica). O MyApp é o componente de onde vai partir a aplicação, de onde ela irá começar;
providers: Responsável por registrar todos os serviços que vão ficar disponíveis por toda a aplicação.
Criando uma nova página no projeto:
Criar uma página chamada "minha-pagina":ionic generate page minha-pagina --no-moduleApós, alterar o arquivo app.components.ts:
import { MinhaPaginaPage } from './../pages/minha-pagina/minha/pagina';
...
this.pages = [
{ title: 'Home', component: 'HomePage' },
{ title: 'Sair', component: 'LogoffPage' },
{ title: 'Minha Página', component: 'MinhaPaginaPage' }
];
Após, alterar o arquivo app.module.ts:
@NgModule({
declarations: [
MyApp,
MinhaPaginaPage
],
...
entryComponents: [
MyApp,
MinhaPaginaPage
],
Nenhum comentário:
Postar um comentário