http 통신을 한 후, 받은 데이터를
어떻게! 셋팅할까를 많이 고민 했었다.
<div> {{ 변수명 }} </div>
.ts 파일에 있는 멤버변수를 참조하여 값을 셋팅할 수 있다.
만약, 저 변수가 없는 것이라면(undefined) 에러가 발생한다.
.ts 파일
private someDay: any;
constructor() {
this.someDay = "하하";
}
.html 파일
<div> {{ someDay }} </div>
위와 같이 되있다면, 하하라는 값이 div 태그 안에 들어갈 것이다.
그런데 통신을 한 후, 데이터를 셋팅하려고 하니 에러가 발생했다. 해당 값을 참조하지 못한다는 게 이유였다.
몇일의 삽질 끝에 알아냈다.
html이 먼저 렌더링 된 상태에서 값이 셋팅 되지 않아서 문제가 발생한 것이다.
<div *ngIf="isDataAvailable">
{{ someDay }}
</div>
통신 완료 된 직 후, isDataAvailable 불린형 변수에 true 를 셋팅 후,
했더니, 값을 인식 했다.
* isDataAvailable 은 만든 변수 입니다 ^^
'하이브리드 > 아이오닉 (Ionic)' 카테고리의 다른 글
루트의 네비게이션 참조하기 (0) | 2017.02.02 |
---|---|
angular2 api (0) | 2017.01.23 |
새로운 페이지 추가 (0) | 2017.01.21 |
새 프로젝트 생성 (0) | 2017.01.17 |
아이오닉 실행 (0) | 2017.01.17 |