본문 바로가기

공부/TIL-D

interaction

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