angular 도입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 문제 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular에서 타사 스크립트 및 CSS 작업Angular 방식으로 회로도가 있는 외부 라이브러리를 추가하거나 모듈을 가져옵니다. Angular.json은 Angular 프로젝트의 모든 설정 파일이며 표준 JavaScript 및 CSS 파일과 함께 타사 라이브...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.