Question

我会根据2个值显示消息

<div *ngIf="nolimit; else limited">
   <p class="isGroup">No limit message</p>
</div>
<div *ngIf="noDelegation; else limited">
   <p class="isGroup">No delegation</p>
</div>
<ng-template #limited>
  Content here
</ng-template>

我希望显示isGroup消息，或者如果no delegation都为假，我应该显示内容#limited

我的实际问题是，当#limited为true时，我不会收到任何限制消息和nolimit内容：

没有限制

此处的内容

但是当我删除no delegation代码时，一切正常。

Answer 1

最好使用三个Resources: UITaskDefinition: Type: AWS::ECS::TaskDefinition Properties: Family: "ui-task" NetworkMode: "awsvpc" Cpu: "256" Memory: "0.5GB" RequiresCompatibilities: - "FARGATE" ContainerDefinitions: - Name: !Ref UIContainerName Image: "298984380.dkr.ecr.eu-west-1.amazonaws.com/myregistry/ui:test" Essential: "true" PortMappings: - ContainerPort: 80 HostPort: 80，然后在最后一个显示div文本的地方使用*ngIf="!nolimit && !noDelegation"

Content here

Answer 2

我认为与微辛税有关：

<div [ngIf]="nolimit" [ngIfElse]="limited">
  <p class="isGroup">No limit message</p>
</div>

<div [ngIf]="noDelegation" [ngIfElse]="limited">
  <p class="isGroup">No delegation</p>
</div>

<ng-template #limited>
 Content here
</ng-template>

ngIf else如果在Angular中

2 个答案: