ionic 4 components

Ionic 4 komponen

Komponen UI Costumizable untuk Ionic 4.

Dokumentasi | Demo Komponen | Memulai | Hubungi

---

Fitur

• Galeri Gambar Twitter Terinspirasi
• Desain Bahan Tarik-ke-refresh
• Komponen dialog yang fleksibel
• Penemuan fitur
• Bilah aplikasi desain material untuk tab ionik
• lebih banyak komponen

? Instalasi

Untuk memulai, instal paket dari NPM. Versi terbaru mendukung Ionic 4 dan Angular> = 7.

Instal Perpustakaan UI

Anda dapat menggunakan NPM atau benang untuk menginstal @fivethree/core dari NPM.

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

Konfigurasikan Aplikasi Ionik Anda

Setelah paket diinstal, impor BrowserAnimationsModule di app.module.ts :

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

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

Instruksi penggunaan

Untuk menggunakan pustaka UI impor salah satu modul fitur (misalnya fivgallerymodule) ke dalam halaman atau modul komponen.

Misalnya:

 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 { } 

? Perkembangan

Paket ini sedang dalam konstruksi aktif.

• Jalankan ng build core untuk membangun kembali pustaka komponen.
• Jalankan ionic s untuk melayani situs proyek.