ionic 4 components

離子4個成分

離子4的可服裝UI組件。

文檔|組件演示|入門|取得聯繫

---

特徵

• Twitter啟發的圖像庫
• 材料設計拉動到倒數
• 靈活的對話框組件
• 功能發現
• 材料設計應用程序欄用於離子標籤
• 更多組成部分

？安裝

要開始，請從NPM安裝軟件包。最新版本支持離子4和Angular> = 7。

安裝UI庫

您可以使用NPM或紗線來安裝NPM的@fivethree/core 。

npm install --save @fivethree/core @angular/animations

配置您的離子應用

安裝軟件包後，在app.module.ts中導入BrowserAnimationsModule ：

 import { NgModule } from '@angular/core' ;
import { BrowserAnimationsModule } from '@angular/platform-browser/animations' ;

@ NgModule ( {
  imports : [
    ...
    BrowserAnimationsModule ,
    ...
  ]
} )
export class AppModule { } 

使用說明

要使用UI庫將功能模塊之一（例如FivgalleryModule）導入到頁面或組件模塊中。

例如：

 import { NgModule } from '@angular/core' ;
import { CommonModule } from '@angular/common' ;
import { IonicModule } from '@ionic/angular' ;
import { FormsModule } from '@angular/forms' ;
import { RouterModule } from '@angular/router' ;
import { FivGalleryModule } from '@fivethree/core' ;

import { HomePage } from './home.page' ;

@ NgModule ( {
  imports : [
    CommonModule ,
    FormsModule ,
    IonicModule ,
    RouterModule . forChild ( [
      {
        path : '' ,
        component : HomePage
      }
    ] ) ,
    FivGalleryModule
  ] ,
  declarations : [ HomePage ]
} )
export class HomePageModule { } 

？發展

該軟件包正在積極構造中。

• 運行ng build core以重建組件庫。
• 運行ionic s為項目現場服務。