为什么 *ngIf 不使用 Angular 中的 ng-container

Question

>我正在尝试在 *ngIf 的帮助下关闭单击关闭按钮时的引导警报框。

在onClick (close(中，我调用isError=false。我能够将错误值记录为假，但 ng 容器没有消失？ 这是我的代码

<div class="error-list">
<ng-container *ngIf="isError">
<ngb-alert type="danger" (click)="closeError()">{{errorMessage}}</ngb-alert>
</ng-container>
<div class="alert alert-warning alert-dismissible" role="alert">
<span type="button" class="close" data-dismiss="alert" aria-label="Close"><span
aria-hidden="true">&times;</span></span>
<strong>Warning!</strong> {{errorMessage}}.
</div>
</div>
.error-list {
position: fixed;
bottom: 0;
width: 100%;
z-index: 100;
}
::ng-deep .alert {
margin-bottom: 0;
}

.ts 文件

closeError(): void {
this.isError = false;
console.log("Message: ", this.isError);
}

Answer 1

我试图解决你的问题，但没有得到任何问题。这只是一个非常简单的示例：

https://stackblitz.com/edit/angular-r29kyu

根据我的理解，您还想用类alert alert-warning alert-dismissible隐藏div。如果是这样，您还必须将其放入ng-container。