interaction
컴포넌트의 계층적 트리구조
@input 데코레이터
form요소 부모컴포넌트, 상태변경시
자식과 공유할 필요
프로퍼티 바인딩을 통해 자식컴포넌트에게 상태 정보 전달
자식컴포넌트는 , 상태정보를 input 데코레이터를 통해 컴포넌트 프로퍼티에 바인딩
input 데코레이터 바로 뒤의 프로퍼티명과 부모 컴포넌트에서 실행한 프로퍼티 바인딩 프로퍼티명은 반드시 일치하여야 한다
-> 자식에서 다르게 사용하고 싶으면
프로퍼티명 인자 전달후 사용하고자 하는 프로퍼티명 선언
@Input('user')myPorpName
@Input('')쓰고싶은것 :
자식 컴포넌트에서 부모 컴포넌트로 상태 전달
@Output 데코레이터, EventEmitter
@Output() remove = new EventEmitter();
(click)="remove.emit(user)">
Stateful 컴포넌트와 Stateless 컴포넌트
부모 =Stateful 컴포넌트, 자식 컴포넌트는 Stateless 컴포넌트
반응형
'공부 > TIL-D' 카테고리의 다른 글
style (0) | 2019.06.01 |
---|---|
angular 자식에게 접 (0) | 2019.05.31 |
[angular] 템플릿 참조변수, 세이프 내비게이션 연산 (0) | 2019.05.29 |
deg, clientX, clientY (0) | 2019.05.28 |
analog, dital watch (0) | 2019.05.27 |