Question

我参考了Angular 4和 <ng-template> 标记。

例如，角度材料2'自动完成的模板内容：

<ng-template>
  <div class="mat-autocomplete-panel" role="listbox" [id]="id" [ngClass]="_getClassList()" #panel>
    <ng-content></ng-content>
  </div>
</ng-template>

另见：source code on github.

我只是想知道如何在没有通常的模板引用变量的情况下使用 <ng-template> （例如 <ng-template #myTemplate> ）。

我在网上找到的所有示例都使用模板参考变量来演示 <ng-template> ......

要返回自动填充示例，角度如何确定是否使用上述 ng-template ？

编辑：引用jon提供的链接：

您可以通过两种方式访问TemplateRef。通过指令放在一个   ＆LT纳克模板＆GT; element（或以*为前缀的指令）并拥有   这个嵌入式视图的TemplateRef注入到构造函数中   使用TemplateRef令牌的指令。或者你可以查询   通过查询从组件或指令获取TemplateRef。

要基于模板实例化嵌入式视图，请使用   ViewContainerRef，它将创建View并将其附加到View   容器

我仍然不清楚在自动完成的情况下使用两种访问TemplateRef的方法...有人可以建议吗？

在没有显式模板引用变量的情况下使用ng-template的目的

0 个答案: