Question

所以我在这样的视图上有这样的结构

<ng-template '#body'>
<div *ngif="isAnswerA; else answerB">
<section>... </section>
</div>

<ng-template '#answerB'>
<section>... </section>
</ng-template>

<ng-template '#footer'>
<section>... </section>
</ng-template>

现在，我必须介绍一个替代正文，为此，必须隐藏初始页眉和页脚，并在条件下显示新的替代正文

类似的东西

    If <some_god_knows_condition == true> {
show => template Header(ng-template) + Footer(ng-template) 
}
    else { show = > Alternative_Template_No_Header_NoFooter }

我的问题是有一种对页眉和页脚模板进行分组的方法，以便可以将它们一起切换并在给定条件下使用我的第三个ng-template。

Answer 1

* ngIf可能无法正常工作，因为角度将* ngIf转换为ng-template

isSome_god_knows_condition = true;

<ng-template [ngIf]="isSome_god_knows_condition" #Header ></ng-template>
<ng-template [ngIf]="isSome_god_knows_condition" #Footer ></ng-template>
<ng-template [ngIf]="!isSome_god_knows_condition" #Alternative_Template ></ng-template>

Angular-多个ng-templates分组，并根据情况隐藏它们

1 个答案: