Angular 예제 썸네일형 리스트형 [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 03] Display a Heroes List [Angular Tutorial 03] Display a Heroes List https://angular.io/tutorial/toh-pt2 In this page, you'll expand the Tour of Heroes app to display a list of heroes, and allow users to select a hero and display the hero's details.이 페이지에서 영웅 목록을 출력하고 사용자가 선택한 영웅의 상세 정보를 출력해 보도록 하겠습니다. src/app/ 하위에 mock-heroes.ts 파일을 생성 하고 다음과 같이 작성 합니다. import { Hero } from './hero'; export const HEROES: Hero[] = [ { i.. [Angular Tutorial 01] The Application Shell [Angular Tutorial 01] The Application Shell https://angular.io/tutorial/toh-pt0 Angular 설치와 CLI 설치는 이전 개발환경 세팅을 참고 해 주세요! 2018/09/11 - Step 1 Angular, Development Environment Setting ng new angular-tour-of-heroes 위의 명령어를 통해 angular-tour-of-heroes 프로젝트를 생성 해 주세요. C:\angular workspace\angular-tour-of-heroes>ng serve --o 해당 디렉토리로 이동 하여 ng serve --o 옵션으로 프로젝트가 잘 열리는지 확인 합니다.--o 옵션은 --open 의 약자로 서버를 .. 이전 1 다음
