IONIC--创建并使用组件

创建及使用组件

1、使用命令行创建组件，创建完成后会在src目录下多一个components的目录，目录中有用命令创建的所有组件

 cd myApp  //进入项目目录
 ionic g component loginModel //创建一个名为loginmodel的组件

2、该目录下有components.module.ts,所有创建的组件也会在这里声明,引入的所有模块在所有组件中都有效

import { NgModule } from '@angular/core';

import { LoginModelComponent } from './login-model/login-model';

//引入BrowserModule 解决ngFor报错问题

import { BrowserModule } from '@angular/platform-browser';

@ NgModule({

     declarations: [ LoginModelComponent],

     imports: [ BrowserModule],

     exports: [ LoginModelComponent]

})

export class ComponentsModule {}

3、使用组件时，要先在app.module.ts中声明注册模块后才能在pages里的所有页面使用

--myApp\src\app\app.module.ts --注册

/**根模块--告诉ionic如何组装应用 */

//引入component模块

import{ ComponentsModule} from '../components/components.module';

/<