angular 도입ng-zorro에 대한 간단한 분석

ng-zorro의 홈페이지에는 프로젝트에ng-zorro를 추가하는 두 가지 방법이 제공되고 다음에 제공된 두 번째 자체 구축 방식을 기록한다.
첫 번째 단계: 이 명령을 실행하여 새 angular 프로젝트를 만듭니다.angular/cli를 설치하지 않으면 설치를 실행하십시오

ng new new-project

2단계:ng-zorro 추가

npm install ng-zorro-antd --save

3단계: 모듈 도입
앱에서module.ts 파일에 도입
import { NgZorroAntdModule } from 'ng-zorro-antd';

......
imports: [ 
BrowserModule,
FormsModule,
HttpClientModule,
BrowserAnimationsModule,
/**   ng-zorro-antd   **/ 
NgZorroAntdModule
]
......
4단계:angular에서.json 파일에 스타일 도입

{ 
"assets": [
... 
], 
"styles": [ 
... 
"node_modules/ng-zorro-antd/ng-zorro-antd.min.css"
] }
5단계: 입구 스타일.css 또는 스타일.less 파일에서 구성 요소 스타일 가져오기

@import "~ng-zorro-antd/style/index.min.css"; /*   */
@import "~ng-zorro-antd/button/style/index.min.css"; /*   */
또는

@import "~ng-zorro-antd/style/entry.less"; /*   */
@import "~ng-zorro-antd/button/style/entry.less"; /*   */
그리고 필요한 구성 요소에서ng-zorro를 사용하면 정상적으로 사용할 수 있습니다.
총결산
이쯤에서angular 도입ng-zorro에 관한 문제를 소개합니다. 더 많은 관련 angular 도입ng-zorr 문제 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!

좋은 웹페이지 즐겨찾기