깜놀하는 해므찌로

Angular # 활용 예시 / # / Angular 템플릿 참조변수 # 본문

IT

Angular # 활용 예시 / # / Angular 템플릿 참조변수 #

agnusdei1207 2023. 5. 30. 11:16
반응형
SMALL

1. 위 예제처럼 #변수명 을 지정하여 값을 핸들링 할 수 있다. (템플릿 .html)

2. #프로퍼티명 을 명시한 경우 해당 프로퍼티.프로퍼티 로 바로 접근이 가능합니다. (searchBox.value) 처럼

3. ViewChild 를 활용하여 템플리에서 입력된 값 바인딩 한다.

4. ngAfterViewInit() 함수 내에서 해당 값을 핸들링할 수 있다.

5. 라이프사이클에 의해 ngOnInit 에서는 #searchBox 값을 핸들링 할 수 없으며 반드시 ngAfterViewInit() 메소드 내부에서 해당 값을 핸들링 해야 한다.

반응형
LIST

'IT' 카테고리의 다른 글

Angular ngModel 활용 예시  (0) 2023.05.31
javascript var, let, const / 블록 레벨 스코프  (0) 2023.05.31
error: src refspec master does not match any 해결  (0) 2023.05.29
Angular 라우팅 모듈 생성 cli  (0) 2023.05.29
typescript Utility 유틸리티 활용 예시 / keyof, partial, required, readonly, record, pick, omit, exclude, nonNullAble  (0) 2023.05.28
'IT' Related Articles more