[Angular] Material 적용

uni_cap·2020년 7월 14일
0
post-thumbnail

#Angular-CLI

Angular-CLI를 사용하여 다음의 명령어를 실행한다

ng add @angular/material

이 포스트에서는 material에 관련된 module을 한 곳에 모아서 Angular의 핵심 모듈이 되는

app.module에서 활용할 것이다. 이렇게 material을 모으면 더 정리되어 있어 더 편하게 쓸 수 있을 것이라

고 생각한다. 아래그림에서 시작하자.

#material.ts

material.ts 파일을 생성하고 이 파일에 NgModule을 import 한다.

메인 모듈인 app.module에서 materialModule을 import한다.

다시 material.ts 파일로 돌아와서 위 그림과 같이 필요한 material모듈을 import하여
@NgModule에 import와 exports 안에 집어넣어준다.

#Material?

-Angular에서 매끄럽게 사용하기 위해서 Angular 팀에 의해서 설계되었다.
-웹과 모바일 데스크탑에서 사용하고 있는 현대 UI 컴포넌트를 포함하여 사용되고 있다.

0개의 댓글