interaction

interaction

컴포넌트의 계층적 트리구조

@input 데코레이터

form요소 부모컴포넌트, 상태변경시
자식과 공유할 필요

프로퍼티 바인딩을 통해 자식컴포넌트에게 상태 정보 전달

자식컴포넌트는 , 상태정보를 input 데코레이터를 통해 컴포넌트 프로퍼티에 바인딩

input 데코레이터 바로 뒤의 프로퍼티명과 부모 컴포넌트에서 실행한 프로퍼티 바인딩 프로퍼티명은 반드시 일치하여야 한다

-> 자식에서 다르게 사용하고 싶으면

프로퍼티명 인자 전달후 사용하고자 하는 프로퍼티명 선언

@Input('user')myPorpName
@Input('')쓰고싶은것 :

자식 컴포넌트에서 부모 컴포넌트로 상태 전달

@Output 데코레이터, EventEmitter

@Output() remove = new EventEmitter();
  (click)="remove.emit(user)">


Stateful 컴포넌트와 Stateless 컴포넌트

부모 =Stateful 컴포넌트, 자식 컴포넌트는 Stateless 컴포넌트