본문 바로가기

개발/Web

Angular Material, CDK 사용하기

ng add @angular/material

custom theme: Indigo/Pink(defualt)
yes
yes

src/app/app.module.ts 에 import 추가

import { MatInputModule } from '@angular/material/input';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { MatSortModule } from '@angular/material/sort';
import { MatTableModule } from '@angular/material/table';
import { MatIconModule } from '@angular/material/icon';
import { MatButtonModule } from '@angular/material/button';
import { MatCardModule } from '@angular/material/card';
import { MatFormFieldModule } from '@angular/material/form-field';
import { MatSliderModule } from '@angular/material/slider';
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
import { MatButtonToggleModule } from '@angular/material/button-toggle';
import { MatSelectModule } from '@angular/material/select';

imports: [
    ...
    MatInputModule,
    MatPaginatorModule,
    MatProgressSpinnerModule,
    MatSortModule,
    MatTableModule,
    MatIconModule,
    MatButtonModule,
    MatCardModule,
    MatFormFieldModule,
    MatSliderModule,
    MatSlideToggleModule,
    MatButtonToggleModule,
    MatSelectModule,
  ],

'개발 > Web' 카테고리의 다른 글

custom reuse strategy  (0) 2020.03.25
Data Display  (0) 2020.03.25
프로젝트 생성  (0) 2020.03.24
FormControl & FormGroup  (0) 2020.03.23
Reactive Programming  (0) 2020.03.20