问题标签 [ng-template]

我必须显示书籍类别的分层树，但在呈现的 html 中没有数据。上下文似乎有问题ngTemplateOutput。

尝试使用隐式和显式方法设置上下文。当明确设置时，例如let-list="list"第一级类别列表被渲染，但子类别仍然没有。

角度版本：5.2.0

输出是：

没有显示类别数据。此外，此行的控制台出现错误：

错误：

简化的类别数组：

我正在尝试在我们的一个主页组件中添加 2 个分页组件实例，以便用户可以从任何一个实例更改分页。鉴于我正在定义这样的动态模板：

下面提到的逻辑我用来从控制器访问动态分页组件。

到目前为止，我可以毫无问题地添加一个实例。任何建议我如何在我们的主页中添加相同动态组件的 2 个实例以及如何使它们保持同步？

我在我的 Angular 模板中不止一次需要一个 HTML 片段。我没有多次编写 HTML 代码，而是决定将它放在一个ng-template元素中，并使用在代码中复制的那个元素。

例如：

我现在如何在模板中的某处包含这个ng-template元素？

我知道，这可以通过使用ngIf语句来实现，如下所示：

然而，这对我来说就像一个肮脏的黑客。还有另一种可能吗？

PrimeNG的p-multiselect可以做类似的事情吗？

当我将我的 angular 2 升级到 angular 5 时，控制台中出现以下错误。

ng2-bootstrap：1.4.0。

依赖关系

app.module.ts

app.component.ts

我在 github 上遇到了同样的问题。但是他们在我使用 ng2-bootstrap 时使用了 ngx-bootstrap。当我安装 ngx-bootstrap 时，它会删除我的 ng2-bootstrap 并在我在 app.module 中使用 ng2-bootstrap 时出现错误。 ngx- 之间有什么区别bootstrap 和 ng2-bootstrap 任何帮助将不胜感激。谢谢

我只是想删除ngFor中的项目，但是当我单击删除按钮时，它总是会重新加载页面。我知道ng-template有问题。有什么建议吗？非常感谢！

这是代码：

这个问题与具有动态值的 ngTemplateOutlet有关

在此示例之后，@ViewChild('one') one:TemplateRef<any>; 每个模板都有一个。

我正在做一个本质上是电子书的应用程序。目前我<ng-template #pagexx>每页都有一个。有什么方法可以避免每个@ViewChild页面都有？对于大量页面，这将变得非常乏味。

寻找一种可以从 from 传入component.ts表达式并使表达式计算为page6or page7...

谢谢你的帮助。

我有 2 个组件搜索元数据和添加元数据。

我在搜索元数据中有一个编辑按钮，单击它应该路由到添加元数据。

编辑按钮位于 <ng-template> 内，当我单击编辑按钮时，它会路由到仪表板。

但是当我在 <ng> 标签之外添加编辑按钮时，它会正确路由到add-metadata

搜索-metadata.html

我的 layout-routing.module.ts 就像：

搜索元数据.component.ts ：

我在这里排除了任何不必要的代码

我正在使用一个列表ul来显示数组中的数据，该数组最初是空的，我使用了另一个模板“空”模板，这里是代码：

现在上面代码的脚本如下

问题：由于某种奇怪的原因，#empty模板在数据为空时仅在开始时触发一次，但一旦数据被填充fillData()然后再次清除clearData()，#empty模板将不会被触发

angular2 如何使用来自不同文件的 ng-template？当我将 ng-template 放在我使用它的同一个 HTML 中时，但是当我将 ng-template 移动到单独的文件中时，它就不起作用了。有没有办法将 ng-template 移动到自己的文件中并在不同的 html 文件中使用它？

信息消息.html

以上工作正常，因为 ng-template 和用法在同一个文件中

消息模板.html

信息消息.html

这是行不通的。有没有办法使用“messageTemplate”，它位于另一个 html 内的单独文件中（例如：info-message.html）

提前致谢。