본문 바로가기 메뉴 바로가기

CheolCheol Dev Note

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

CheolCheol Dev Note

검색하기 폼
  • 분류 전체보기 (146)
    • BackEnd (64)
      • Node.js (30)
      • Java (34)
    • FrontEnd (41)
      • Angular (36)
      • CSS (5)
    • DB (7)
      • Mysql (7)
    • DevOps (6)
      • AWS (1)
      • Docker (1)
      • 네트워크 (3)
      • K8S (1)
    • 기타 (28)
      • 기타 글들 (16)
      • 인앱 결제 서버 (Old) (3)
      • 페이스북 로그인 구현 (Old) (7)
  • 방명록

component communication (1)
Component Communication

angular는 컴포넌트 형식이라 모든 부분이 컴포넌트로 이루어져있다. 그런 컴포넌트 끼리 데이터를 주고받을 때 사용하는것이 Component Communication이다. 1. @ViewChild와 @ViewChildren 컴포넌트 템플릿에 배치된 자식요소(자식 컴포넌트, 디렉티브, 네이티브 DOM 요소)를 ViewChild라고 한다. 이름에서 알 수 있듯이 @ViewChild는 탐색 조건에 부합하는 1개의 요소를 취득할 수 있고, @ViewChildren는 탐색 조건에 부합하는 여러개의 요소를 한꺼번에 취득할 수 있다. @ViewChild(탐색대상 클래스명) 프로퍼티명: 탐색대상 클래스명; @ViewChildren(탐색대상 클래스명) 프로퍼티명: QueryList; 2. 변수값전달 (왼쪽부터) 1. ..

FrontEnd/Angular 2018. 5. 30. 12:20
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • data gird component
  • Java
  • facebook login
  • data table component
  • data grid component
  • CSS
  • python3
  • Angular
  • Facebook
  • angular router
  • mobx
  • localStorage
  • Spring Boot
  • Spring
  • JavaScript
  • React-router
  • 파이썬
  • 페이스북 로그인
  • JSON
  • MySQL
  • Python
  • data component module
  • react
  • https://www.tistory.com/auth/logout/
  • Redux
  • 파이썬3
  • Router
  • data component
  • jQuery
  • JPA
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바