일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- goroutine
- UnBuffered channel
- 디자인패턴
- Bastion Server
- 컴포지트패턴
- Helm V3
- Logrus
- Buffered channel
- image resizing
- Kubernetes
- 대규모 시스템 설계
- 클래스 관계
- notification system
- Live Template
- go
- 알림 시스템
- gitops
- Lambda@Edge
- AWS Infra
- 윈도우키보드
- GoF
- golang
- argocd
- AWS
- GoF 디자인패턴
- System Design
- Golines
- tenneling
- Infra
- 시스템 설계
Archives
- Today
- Total
Fall in IT.
Angular(ionic)에서 DOM변경사항을 반영하는 방법 본문
안녕하세요.
오늘은 Angular5에서 DOM의 변경이 발생되지 않는 이벤트에 대해서 강제로 변경 감지를 호출 시키는 방법에 대해서 알아보도록 하겠습니다.
Angular는 많은 핵심기능들을 가지고 있지만, 그중에서도 Two-way-databinding 기능은 프론트 개발을 하는데 있어서 큰 편리함을 제공합니다.
그러나, javascript 또는 typescript에서 데이터 변경이 일어났음에도 불구하고 DOM에 변경사항이 반영되지 않는 상황이 종종 발생하곤 합니다. 오늘은 이 문제를 해결하는 방법에 대해서 간단하게 알아보도록 하겠습니다.
문제
- javascript 또는 typescript에서 데이터 변경이 일어났음에도 불구하고 DOM에 변경사항이 반영되지 않는 문제
이유
- 여러가지 이유가 있을 수 있지만, 아래 링크를 참조하면 도움이 될 것 같습니다.
- http://mobicon.tistory.com/328
해결 방법
- AngularJS(1.xx)에서는 $scope의 $apply() 메소드를 사용하여 해결 할 수 있습니다. 여기를 참조하세요.
- Angular5(2.xx이상)에서는 @angular/core 모듈중 ChangeDetectorRef를 사용하여 해결 할 수 있습니다.
사용 방법
참조
- https://stackoverflow.com/questions/33174146/angular-2-0-equivalent-to-scope-apply
- http://mobicon.tistory.com/328
모두 즐거운 코딩하세요~
'프레임워크 > Angular Framework' 카테고리의 다른 글
angular5에서 slick-carousel사용법 (0) | 2018.01.11 |
---|---|
Angular5를 사용하여 kakaobank사이트 만들어보기 (0) | 2018.01.07 |
Angular5에서 네이버 지도 구현 및 typescript에서 외부라이브러리 import 방법 (1) | 2017.12.05 |
Angular5 style guide 간단설명 (0) | 2017.12.02 |
Angular 2 지시자의 종류 (0) | 2017.11.26 |
Comments