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

时间:2017-06-20 20:03:09

标签: angular angular-material2

我参考了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的方法...有人可以建议吗?

0 个答案:

没有答案