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
Posted by 자바리즘
,