Angular2 ng模板文档和用法

时间:2017-03-21 12:32:15

标签: angular

我将我的项目更新到最新的angular2 4.0.0-rc.5并在构建时吐出了很多警告:

Template parse warnings:
The <template> element is deprecated. Use <ng-template> instead ("_newGroupReward.group.description}}

我的问题是 - 我在哪里可以找到有关它的信息以及如何使用它?我一直在谷歌搜索,但我能找到的唯一文件是关于稳定的2.4.x版本(official docs)。

祝你好运

2 个答案:

答案 0 :(得分:10)

ngTemplate 是模板的替代品,在将样本模板注入DOM时使用。

以下示例使用ngIf else进行说明,如下所示

<ng-template #loading>Failed to do something wrong...</ng-template>
<div *ngIf="userObservable;else loading;">
  Aravind is here
</div>

当我使用loading时,angular调用TemplateRef,其名称为loading,由#loading表示,相应的模板将替换为div。

<强> LIVE DEMO

<强> Documentation link

答案 1 :(得分:6)

我找到了这个参考。这可能会有所帮助。

https://toddmotto.com/angular-ngfor-template-element

<强>更新

我遇到了同样的问题。我通过用ng-container替换ng-template来修复它。有关详细信息,请查看官方docs