Angular *ngIf导致messagebox关闭中出现问题

在语义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(); });

{{message}}

//Javascript代码
$（'.message.close'）.on（'click'，function（）{$（this.parent（）.hide（）；}）；

使用：

使用：

---

如果使用angular，请不要将代码与jQuery混淆。角度也有单击事件-（单击）。假设您想在单击图标时隐藏父div，您可以尝试这样做

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

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

---

用这一个修改你的代码，这个单词就可以了

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

---

****但我建议在模板中使用（单击）=“someFunction（）”

这也不起作用。我接受你的建议，尽管是下面数字的建议。谢谢

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

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

message: boolean = true;

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

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