각도 2 * ngIf하지 최초의로드

Question

내가 각도 2 RC1 버전 일하고

에서 일하는 내가 가진 및 로딩 문제

<button class="btn btn-default" *ngIf="plan_id == 'free'">Free</button> 

이 페이지는 다른 페이지의 라우터 객체 탐색 방법을 사용하여로드되었습니다.

this.router.navigate(['/plans']); 

* ngIf가있는 버튼은 처음 표시되지 않습니다. 페이지를 새로 고침/새로 고침하면 버튼이 제대로 작동합니다.

나는 돈은 처음

모든 솔루션을 작동하지 않는 이유를 알아? 이 수

Answer 1

한 가지 방법은 발생

감사는 DOM 뷰 모델 (클래스의 인스턴스) 전에로드 것을이며 평가 할 모델 필드가 없기 때문에 ngIf은 거짓이된다. 이런 식으로 onInit 함수 안에서 변수를 초기화 해보십시오.

export class PlansComponent implements OnInit{ 
plan_id: string; 

ngOnInit(){ 
    plan_id = "free"; 
} 
} 

현상 설명서에 따라 ngOnInit주기 후크 각도가 데이터 바인딩 입력 속성을 초기화 한 후 다음

는 지향성/컴포넌트 초기화 않으므로

.