Angular 5从父组件中删除子组件

Question

当用户单击子组件中存在的关闭按钮时，我想从其父组件中删除其中一个子组件。 我的父组件中有3个组件。

<app-header></app-header>
<app-map></app-map>
<app-rules *ngIf="selectedId"></app-rules>

我尝试在单击里面的关闭按钮时将selectedId的值更新为undefined。但它没有采用更新的值并关闭组件。

Answer 1

您的问题可能是* ngIf需要布尔状态。验证数字时，undefined是无效状态。你必须实施比较，例如

// selectedId is a number
<app-rules *ngIf="selectedId > 0"></app-rules>

或

// selectedId is a string
<app-rules *ngIf="selectedId !== undefined"></app-rules>

// in case of a string this is also possible
<app-rules *ngIf="selectedId"></app-rules>