Angular2がAtferイベントのdivは、私が問題を抱えている

Question

を更新していない購読：私はにErrorMessage

// HTML

<div [(hidden)]="!errorMessage" class="alert alert-warning alert-dismissible" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
    <span aria-hidden="true">&times;</span> 
    </button> 
    <strong>Error</strong> {{ errorMessage }} 
</div> 

//コンポーネント

ngOnInit(){ 
    this.authService.authenticated.subscribe(result => { 
    if(result){ 
     this.navigateToHome(); 
    } 
    }); 
    this.authService.authenticationError.subscribe(message => { 
    this.errorMessage = message; 
    this.showError(message); 
    console.log(message); 
    }) 
} 

をrednerしたいビューの 今問題：errorMessageは2度目の起動時にのみ表示されます。 コンソールには毎回メッセージが表示されますが、divは毎秒の要求を更新するだけです。 ハンドラは常に呼び出されます！

私はプロパティをデコレートしました：@Output（）public errorMessage：string;

はそれdoesntのは

任意のアイデアを助けるように見えますか？

Answer 1

利用*ngIfの代わりに、以下のよう[(hidden)]：

<div *ngIf="errorMessage" class="alert alert-warning alert-dismissible" role="alert"> 
    <button type="button" class="close" data-dismiss="alert" aria-label="Close"> 
    <span aria-hidden="true">&times;</span> 
    </button> 
    <strong>Error</strong> {{ errorMessage }} 
</div>