如何通过Angular的*ngIf向不同模板参数传递指定数组数据？

你尝试的写法无效，是因为*ngIf的语法不支持同时给then和else分支分别指定context参数——context只能和then配合使用一次，无法为两个模板单独传参。要实现给模板A传递[1,2,3]、给模板B传递[4,5,6]的需求，可以用以下两种清晰的方式：

方法一：拆分结构，使用ngTemplateOutlet分别传参 #

通过ng-container配合*ngIf判断分支，再用ngTemplateOutlet和ngTemplateOutletContext给对应模板传递参数：

<ng-container *ngIf="true; else elseBlock">
  <!-- 给模板A传递命名参数p -->
  <ng-template [ngTemplateOutlet]="A" [ngTemplateOutletContext]="{ p: [1,2,3] }"></ng-template>
</ng-container>
<!-- else分支给模板B传递命名参数q -->
<ng-template #elseBlock>
  <ng-template [ngTemplateOutlet]="B" [ngTemplateOutletContext]="{ q: [4,5,6] }"></ng-template>
</ng-template>

<!-- 定义带命名参数的模板 -->
<ng-template #A let-p="p">p: {{ p }}</ng-template>
<ng-template #B let-q="q">q: {{ q }}</ng-template>

方法二：利用$implicit隐式传参（简化写法） #

如果不需要显式命名参数，可以用$implicit作为隐式参数，模板里直接用let-p接收：

<ng-container *ngIf="true; else elseBlock">
  <ng-template [ngTemplateOutlet]="A" [ngTemplateOutletContext]="{ $implicit: [1,2,3] }"></ng-template>
</ng-container>
<ng-template #elseBlock>
  <ng-template [ngTemplateOutlet]="B" [ngTemplateOutletContext]="{ $implicit: [4,5,6] }"></ng-template>
</ng-template>

<ng-template #A let-p>p: {{ p }}</ng-template>
<ng-template #B let-q>q: {{ q }}</ng-template>

补充说明 #

• 若坚持使用*ngIf的then/else语法糖，只能给then模板传参，else模板无法通过该方式传参，因此拆分结构是更灵活的方案。
• 命名参数（如let-p="p"）比隐式参数更清晰，尤其是模板需要多个参数时，建议优先使用命名参数。

内容的提问来源于stack exchange，提问作者Display Name