angular component 썸네일형 리스트형 [Angular Tutorial 04] Master/Detail Components [Angular Tutorial 04] Master/Detail Components https://angular.io/tutorial/toh-pt3 현재 HeroesComponent 는 list 부분과 detail 부분을 함께 출럭 하고있습니다. list 와 detail 은 분명히 다른 역할을 하는 부분이기 때문에 우리는 detail component 를 생성하여 view 를 분할하도록 할 예정입니다.다음 명령어를 통하여 hero-detail component 를 생성 합니다. ng generate component hero-detail CLI 를 통해 component 를 생성하면 4 개의 파일이 기본적으로 생성 됩니다. A CSS file for the component styles.An HTML f.. [Angular Tutorial 02] The Hero Editor [Angular Tutorial 02] The Hero Editorhttps://angular.io/tutorial/toh-pt1 다음 명령어를 통하여 generate 타입의 heroes 라는 이름의 component 를 생성 합니다. ng generate component heroes herose component가 생성 되었습니다.컴포넌트 하위에는 css, html, ts, spec.ts 파일이 포함되어 있습니다. app/heroes/heroes.component.ts (initial version) 파일의 구조를 살펴 봅시다. import { Component, OnInit } from '@angular/core'; @Component({ selector: 'app-heroes', templateU.. Step 5 Angular, View 안의 View 생성하기 안녕하세요 ~ 오늘은 Angular 프로젝트에서 Component 안의 Component, View 안에 View 를 생성 해 보도록 하겠습니다 ! 아주아주 간단해요 ~~ 저희는 pageSearch View 하위에 detail-view 와 list-view 를 생성 해 보도록 하겠습니다 ! CLI 를 이용하여 다음 명령어를 실행 해 주세요 ~~매번 느끼는 것이지만 CLI 는 정말 편리한 것 같습니다 ^^ ng generate component pageSearch/detail_view ng generate component pageSearch/list_view 이렇게 pageSearch 하위에 두개의 컴포넌트들이 생성 되었습니다. 그리고 하위 view 를 넣을 page-search-main.componen.. 이전 1 다음
