javascript - *NgIf 的替代或更好的方法

Question

您好，我的模板中有多个 *NgIf 条件。基于 NgIf，我在模板中显示/呈现我的组件(不同类型的表单)。我的一个函数中的示例(如下)

private _onClick(cell:any){
        this._enableView = false;
        this._enableCreate = true;
        this._enableDelete = false;
        this._enableEdit = false;
    }

这是为了在模板中启用我的创建表单并隐藏其他表单(如果存在)。但这样做对我来说有点错误或多余。有没有更好的方法或建议代替这种方法？

Answer 1

如果可以像 Leguest 所建议的那样拥有单一状态，我会推荐 ngswitch像这样使用:

// Syntax for ngSwitch
<div [ngSwitch]="state">
    <div *ngSwitchCase="'create'"> ... </div>
    <div *ngSwitchCase="'view'">  ... </div>
    <div *ngSwitchCase="'edit'"> ... </div>
    <div *ngSwitchCase="'delete'"> ... </div>
    <div *ngSwitchDefault> ... </div>
</div>

否则，如果您使用的是 Angular 4.x，则可以利用 ngIf else :

// Syntax for ngIf/Else
<div *ngIf=”condition; else elseBlock”>Truthy condition</div>
<template #elseBlock>Falsy condition</template>