有多个语句的Angular ngIF

Question

如何在else下用多个语句写ngIf？我有一种感觉，我正在做一些愚蠢的事情，但惊讶地发现除了我之外，没有其他人在这种情况下。*ngIf=col！= ' actionselse显示操作；iwouldlietoaddanotherassignmenthere；

if(condition){
statement1;
statement2;
}else
{statement3;
 statement4;
 statement5;
}

仅仅因为一个人不理解这个问题并不意味着这个问题不清楚。这就是我离开的原因，所以最后一次，停止标记你不理解的问题，让理解的人回答或忽略它。

Answer 1

在一个模板中处理多种情况的最好方法是使用ngSwitch，查看角度文档https://angular.io/api/common/NgSwitch

Answer 2

根据最佳实践，模板上不应该有更多的逻辑。因为这可能会导致难以跟踪错误和未测试的场景。

将这些逻辑移到您的组件中。并创建多个标志，然后尝试显示/隐藏确切的段。

Answer 3

你在寻找其他吗？

<ng-container *ngIf="col !='actions'; then noActions; else showActions;></ng-container>

<ng-template #noActions>
 I have no actions
</ng-template>

<ng-template #showActions>
 I have some actions
</ng-template>

您甚至可以用多个

<ng-container *ngIf="col !='actions'; then noActions; else (col === 'actions' && showActions) || (something === 3 && somethingElse)";></ng-container>

<ng-template #noActions>
 I have no actions
</ng-template>

<ng-template #showActions>
 I have some actions
</ng-template>

<ng-template #somethingElse>
 I have some something else
</ng-template>