在 Angular 2 模板中传递变量

Question

有没有办法可以将变量传递给 Angular2 中的模板？

假设我有以下代码：

 <div *ngFor="foo in foos">
    <ng-container *ngTemplateOutlet="inner"</ng-container>
</div>

---------------

<ng-template #inner>
    {{ foo.name }}
</ng-template>

我怎样才能得到打印 name 的模板 foo ？

原文由 alexandernst 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你应该这样做：

 <div *ngFor="foo in foos">
   <ng-container *ngTemplateOutlet="inner; context:foo"></ng-container>
</div>

<ng-template #inner let-name="name">
   {{ name }}
</ng-template>

原文由 Tommy Thong Nguyen 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在我的例子中，我需要对象保持完整，因为我有某种递归，这很有效

<div *ngFor="foo in foos">
   <ng-container *ngTemplateOutlet="inner; context: {foo : foo}"></ng-container>
</div>

<ng-template #inner let-foo="foo">
   {{ foo.attributexy }}
</ng-template>

原文由 Kisinga 发布，翻译遵循 CC BY-SA 4.0 许可协议