ionic 4 components

이온 성 4 성분

Ionic 4에 대한 의상 가능한 UI 성분.

문서 | 구성 요소 데모 | 시작하기 | 연락하십시오

---

특징

• 트위터에서 영감을 얻은 이미지 갤러리
• 재료 디자인 풀다-프레 쉬
• 유연한 대화 상자 구성 요소
• 기능 발견
• 이온 탭 용 재료 디자인 앱 바
• 더 많은 구성 요소

? 설치

시작하려면 NPM에서 패키지를 설치하십시오. 최신 버전은 Ionic 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 실행하십시오.