* ngメッセージボックスを閉じるときに問題が発生する

Question

semantic-uiでは、閉じるアイコンが* ngIfで機能しません。 * ngIfを削除すると、動作が開始されます。私は何が欠けていますか？

<div class="ui info message" *ngIf="message" > 
      <i class="close icon" ></i> 
      <div class="header"> 

      </div> 
      <p> {{message}}</p> 
     </div> 
     </div> 

//Javascript code 
    $('.message .close').on('click', function() { $(this).parent().hide(); }); 

Answer 1

用途：

*ngIf="message?.length > 0" // For lists or string. 

用途：

*ngIf="message" // Only if message is boolean 

Answer 2

あなたが角度を使用している場合はjQueryを使ってコードを混同しないでください。 Angularにはクリックイベントがあります（クリック）。アイコンは、コンポーネント

message: boolean = true; 

private hideMessage() { 
    this.message = false; 
} 

Answer 3

変更、この1と、この意志の言葉であなたのコードでは、この

<div class="ui info message" *ngIf="message" > 
      <i class="close icon" (click)="hideMessage()"></i> 
      <div class="header"> 

      </div> 
      <p> {{message}}</p> 
     </div> 
     </div> 

を試すことができますクリックしたとき、あなたが親のdivを非表示にする場合とします。

$('.message').on('click','.close', function() { $(this).parent().hide(); }); 

****しかし、私はあなたのテンプレートに