html - 使用 $implict 传递多个参数

Question

我有一个递归模板，类似于下面的内容:

<ng-container *ngTemplateOutlet="testTemplate; context: {$implicit:jsonObj1}">
</ng-container>

<ng-template #testTemplate let-Json1>
</ng-template>

它工作正常，我使用 $implicit 发送 jsonObj1，但我想发送两个参数到 ，如果我尝试:

context: {$implicit:jsonObj1, $implicit:jsonObj2}

并尝试使用

访问

<ng-template #filterTemplate let-Json1 let-json2>
</ng-template>

它不起作用，让我知道如何传递两个参数。

Answer 1

你不需要使用$implicit

你可以使用

1:

context: {$implicit:jsonObj1, b:jsonObj2}

与

<ng-template #filterTemplate let-json1 let-json2="b">
  <div>{{json1}}</div></div>{{json2}}</div>
</ng-template>

---

或2:

context: {$implicit: {a: jsonObj1, b:jsonObj2}}

与

<ng-template #filterTemplate let-json1>
  <div>{{json1.a}}</div></div>{{json1.b}}</div>
</ng-template>

---

或3:

context: {a:jsonObj1, b:jsonObj2}

与

<ng-template #filterTemplate let-json1="a" let-json2="b">
  <div>{{json1}}</div></div>{{json2}}</div>
</ng-template>