ionic3.x - 建立組件 （component）

1 、cd 到咱們的項目目錄
2 、經過 ionic g component 組件名稱建立組件

3 、建立完成組件之後會在 src 目錄下面多一個 components 的目錄，這個目錄裏面有我
們用命令建立的全部的組件

ionic 建立組件後，components 文件夾下的組件會以一個自定義模塊方式加載，在 component.modules.ts 中

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

import { ActionsheetComponent } from './actionsheet/actionsheet';

//引入BrowserModule  解決 ngFor報錯的問題

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

import { UserlistComponent } from './userlist/userlist';

@NgModule({

    declarations: [ActionsheetComponent,

    UserlistComponent],

    imports: [BrowserModule],  /*依賴注入*/

    exports: [ActionsheetComponent,

    UserlistComponent] /* 導出組件 */

})

export class ComponentsModule {}

若是咱們要使用這些組件必須在 app.module.ts 裏面註冊咱們的模塊- component.modules，註冊完成後就可
在 以在 pages 裏面的其頁面裏面使用這些組件

//引入components模塊

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

@NgModule({

  declarations: [   /*申明組件*/

    MyApp,

    AboutPage,

    ContactPage,

    HomePage,

    TabsPage

  ],

  imports: [  /*引入的模塊 依賴的模塊*/

    BrowserModule,

    ComponentsModule,

    IonicModule.forRoot(MyApp)

  ],

---

在組件中使用 angular 的 *ngFor 會報錯，如何解決？

解決： 在component.module.ts 中引入 BrowserModule 

//引入BrowserModule  解決 ngFor報錯的問題

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