Angular 썸네일형 리스트형 19년도 여름방학 모각코 4일차 회고 0705 angular 라우팅 angular는 SPA 이므로 페이지가 하나이다. 그런데 페이지를 구분해야 하는 경우에는 경로 route로 보여지는 뷰만 다르게 해서 리로딩없이 다른 페이지로 넘어갈 수 있다. routing을 해보자. src/app/app-routing.module.ts import { NgModule } from '@angular/core'; import { RouterModule, Routes } from '@angular/router'; import { DashboardComponent } from './dashboard.component'; import { HeroesComponent } from './heroes.component'; import { HeroDetailComponent } .. 19년도 여름방학 모각코 3일차 회고 0704 목표 angular 컴포넌트간의 변수 바인딩 변화감지 angular는 기본적으로 zone.js라는 변화 감지하는 라이브러리를 포함하고있다. zonejs는 angular에서 만든 변화감지 라이브러리인데 범용적으로 사용하기 위해서 zonejs로 개발하였다. 기본적으로 angular는 프로그램 실행 동안에 view에 보이는 변수값이 변하면 zone이 이것을 감지해서 view도 변하게 만들어준다. ...더보기 사실 Angular는 양방향 바인딩을 지원하지 않는다. 양방향 바인딩을 위한 템플릿 문법[()](이것을 Banana in a box라고 부른다)에서 추측할 수 있듯이 양방향 바인딩은 이벤트 바인딩과 프로퍼티 바인딩의 축약 표현(Shorthand syntax)일 뿐이다. 즉, 양방향 바인딩의 실제 동작은 이.. 19년도 여름방학 모각코 1일차 회고 0627 Angular 튜토리얼 따라하기. angular 튜토리얼 https://angular.io/start Angular angular.io 1. 리스트 추가 화면 *ngFor 명령어는 angular에서 controller에서 products리스트에서 값을 바인딩 해서 foreach구문처럼 반복을 하겠다 라는 의미이다. 가 반복됨. {{ product.name }} 결과 화면 결과 코드 Phone XL Phone Mini Phone Standard 2.title 지정 [title] angular에서 값 바인딩이 필요하면 angular에서 만들어둔 [title]로 써야 한다. 결과 화면 3. 조건문 *ngIf는 product객체의 description 변수에 값이 있을 때 p태그가 생긴다. 결과 화면 4. 버튼.. 이전 1 다음
