dlevelb

# angular 기본 명령어 모음 > ## 프로젝트 기본 명령어 ### 프로젝트 생성 ng new [프로젝트명] ### 컴포넌트 생성 ng g component [컴포넌트명] ### 서비스 생성 ng g service [서비스명] ### 모듈 생성 ng g module [모듈명] --flat --module=app ### 패키지 인스톨 npm i [패키지명] --save *** > ## 프로젝트 실행 명령어 ### 실행 npm start ### 빌드 npm build --prod

123456789101112131415// 프로젝트 생성ng new [프로젝트 명] // 컨포넌트 생성ng g component [컨포넌트 명] // 서비스 생성ng g service [서비스 명] // 서비스 생성 (모듈 추가)ng g service [서비스 명] --module=app // 모듈 생성ng g module [모듈명] --flat --module=app Colored by Color Scriptercs

https://angular.io/api/common/DatePipe 1234567891011121314151617181920212223242526272829@Component({ selector: 'date-pipe', template: ` Today is {{today | date}} Or if you prefer, {{today | date:'fullDate'}} The time is {{today | date:'shortTime'}} The full date/time is {{today | date:'full'}} The full date/time in french is: {{today | date:'full':'':'fr'}} The custom date is {{today | date:'yyy..

https://angular.io/api/common/DecimalPipe 1234567891011121314151617181920212223242526272829@Component({ selector: 'number-pipe', template: ` e (no formatting): {{e | number}} e (3.1-5): {{e | number:'3.1-5'}} e (4.5-5): {{e | number:'4.5-5'}} e (french): {{e | number:'4.5-5':'fr'}} pi (no formatting): {{pi | number}} pi (3.1-5): {{pi | number:'3.1-5'}} pi (3.5-5): {{pi | number:'3.5-5'}} `})expo..

https://stackoverflow.com/questions/35527456/angular-window-resize-event 12345678910111213141516onResize(event) { event.target.innerWidth;} @HostListener('window:resize', ['$event'])onResize(event) { event.target.innerWidth;} import { HostListener } from '@angular/core';@HostListener('window:resize') onResize() { // test}Colored by Color Scriptercs

https://angular.io/api/common/SlicePipe 12345678910111213141516171819202122232425262728// List Example@Component({ selector: 'slice-list-pipe', template: ` {{i}} `})export class SlicePipeListComponent { collection: string[] = ['a', 'b', 'c', 'd'];} // String Examples@Component({ selector: 'slice-string-pipe', template: ` {{str}}[0:4]: '{{str | slice:0:4}}' - output is expected to be 'abcd' {{str..