Angular Component(2) - 로직 처리, 컴포넌트 통신

 

 

로직 처리 방법

• 데이터(class)가 바뀌면 뷰는 자동으로 바뀐다
  • View가 html 확장자지만 템플릿이라는 것을 잊으면 안됨
  • 그렇기에 class에서 표현식을 통해 데이터 입력이 가능하다
• 데이터를 바꾸려면 사용자의 입력이 필요하다
  • 항산 그런게 아님(Electron)
  • click 등 이벤트가 필요
• 사용자가 입력함과 동시에 뷰를 바꾸려면 양방향 데이터 바인딩을 사용한다.
  • [()]  <- 헷갈리면 상자 안에 바나나로 기억
  • [(ngModel)]  : app.module에 FormsModule import

 

Component간의 통신 (의존관계)

• 컨포넌트 트리상에 붙어있으면? => 자식이 나한테 들어올 @input, 부모한테 보내줄 @Output
• 붙어있지 않다면?
  • 같은 가지에 있다면(할아버지)?
    • @Input @Input, @Output @Outpt
  • 같은 가지가 아니라면?
    • 중개자
    • 서비스