각도 영웅 편집기
연구 문서 : https://angular.cn/tutorial/toh-pt1
장식 기능 필요한 메타 각도를 지정하는 데 사용되는 구성 요소를 @Component.
ngOnInit ()는 당신이 구성 요소가 곧 ngOnInit을 (호출 만든 각도 생명주기 후크)이며, 여기에 초기화 로직을 넣을 수있는 좋은 장소입니다.
파이프 라인은 형식 문자열, 금액, 날짜 및 다른 디스플레이 데이터에 좋은 방법입니다. 각도 발표 일부는 파이프를 내장,하지만 당신은 또한 자신의 파이프 라인을 만들 수 있습니다.
모든 기능은 유지 보수의 적용 후 사용할 수 없게됩니다, 동일한 어셈블리에있는 "성장." 당신은 각각의 서브 - 어셈블리가 특정 작업 또는 워크 플로우에 집중해야 작은 서브 어셈블리에 대형 부품을 분할 할 수 있습니다.
[영웅] = "selectedHero"각도 재산권 구속력 구.
이 데이터 바인딩 한 방법입니다.
@Input 데코레이터와 함께 영웅의 속성에서 외부 HeroesComponent에 바인딩 할 수 있도록합니다.
왜 서비스가 필요합니까?
구성 요소는하지해야하거나 직접 데이터를 저장, 그들은 거짓 데이터를 표시 여부를 알고 있어야합니다. 그들은 서비스에 본 데이터, 데이터 액세스 및 위임의 책임에 초점을 맞추어야한다.
서비스 범주를 "서로 모르는"여러 간의 정보를 공유하는 좋은 방법입니다.
@Injectable () 서비스
참고이 새로운 서비스는 주 사용 기호 각도를 도입하고, 서비스 클래스에 @Injectable () 장식을 추가하는.
그것은이 클래스는 참가자 의존성 주입 시스템의 하나로서 표시되어있다. HeroService 클래스는 서비스의 주입을 제공 할 것입니다, 또한 주입하는 자신에 의존 할 수 있습니다.
@Injectable () 장식은 구성 요소 클래스의 역할과 @Component 같은 서비스 메타 데이터 오브젝트를, () 받아 들일 것입니다.
HeroService를 (제공) 제공
먼저 사용할 수 HeroService 의존성 주입 시스템에 HeroesComponent에 주입하는 각도 순서를 확인하기 위해 서비스 제공 업체를 등록해야합니다.
HeroService의 감시 오브젝트 버전
관찰은 RxJS의 핵심 클래스입니다.