问题标签 [ng-template]

我找不到如何在 Angular 5.2 中使用嵌套的 ng-template。

我的应用程序中有一个使用 PrimeNG 下拉菜单的组件：

我需要将它包装在另一个组件中。像这样的东西：

问题是我不知道在使用包装器组件时如何传入“selectedItem”模板：

当我在 child.component 中时，如何重用 parent.component ng-template？我想重用整个 ng-template attachmentTemplate，所以我不需要再次在 child.component 中为附件创建重复的代码。先感谢您。

父组件.html

child.component.html

我的 Angular5 应用程序中有一个 component.hmtl，它有一个名为 markerClick 的函数，可以打开一个模式。在模态中，我想显示我在 markerClick 函数中发送的 item.lat 参数，但无法做到这一点，需要您的帮助。

首先是component.ts 代码，然后是下面的component.html 代码。

我在“Angular 2”中创建了一个包含三个组件的新应用程序：

• 应用组件
• 测试1组件
• 测试2组件

只有一个模块 ( AppModule ) 引导 AppComponent，声明 AppComponent、Test1Component 和 Test2Component，并导入 RouterModule.forRoot(appRoutes).

这是appRoutes：

这是app.component.html：

在app.component.css中有：

它运行良好，当我单击 ul 中的链接时，角度加载正确的组件，显示其内容（简单的 html 文本：“组件工作”），并为单击的链接添加红色背景。

现在，如果我将元素放在标签中并在 *ngIf 中引用它，则组件 Test1 和 Test2 会在链接单击时加载，但不会添加背景。

破解版：

为什么？

PS：*ngIf 中的条件只是举例

当我尝试在模板内单击更改 ng-template 变量时，我收到一个错误（未捕获的错误：无法分配给引用或变量！）

那么如何访问本地的'o'变量来改变它呢？

我写了一个组件命名my-component并在里面添加了一些，并用这样的方式ng-template命名每个组件：#

在声明时MyComponent，我曾经@ContentChildren(TemplateRef)访问过这三个模板。

现在我需要在内部以某种方式访问​​这些模板的名称（one, two, ），但我不知道如何。这是代码：示例代码threeMyComponent

我有一个接受并显示自定义 NgTemplate 的 Angular 组件（ParentComponent）。我希望 ParentComponent 通过 EventEmitter 从 NgTemplate 中的组件接收事件。像这样的东西：

父组件.html

其他组件.html

这是我能想到的最简单的一个例子，所以希望它足以理解这一点。这样的事情可能吗？如果不是，可以使用哪些策略来完成同样的事情？

我想知道使用 ng-template 的理想情况是什么。我有以下情况。代码如下

其他开发人员修改如下

在这种情况下，上面是正确的使用方式ng-template或普通代码更好。我什么时候真正使用ng-template

我的应用程序总是需要两列：一列比另一列小一点。目前在我的主要应用程序组件中，模板只是<router-outlet></router-outlet>.

目前，我的每条路线都指向一个不同的组件，并且这些组件中的每一个都在它自己的模板中为我的两列提供标记。但是，由于我的两列将在整个应用程序中保持静态，因此在根应用程序级别为列提供模板对我来说是有意义的。这似乎更加模块化，并且不会在整个应用程序的模板中产生重复的标记。

这是我想要在我的根目录中使用的模板的一个想法 - 现在这个标记存在于我路由到的每个组件中：

我觉得这是我将使用 ngTemplateOutlet 或使用“select”进行 ngContent 投影的地方，但我不确定这些东西是否适用于我的情况。我对 ng-template 的了解越多，我似乎就越困惑。我可以将此模板定义为 TemplateRef 并以某种方式在子组件中访问它吗？

任何人都可以就这种情况的正确设计策略提出建议吗？

在我的 Angular 6 应用程序中，我需要将 Component 作为其ng-template传递给另一个 Component 。

原因是我有一个Component A需要多次复制，但每次它都必须包含具有相同 Inputs的不同组件（我们称它们为Component B和Component C）。

组件 A模板：

我使用以下方法创建了一个组件 A实例：

于是想到了使用ng-template，于是把Component A模板改成如下：

并使用以下方法创建一个组件 A实例：

因此，我可以轻松地将Component C而不是Component B作为Component A的 ng-template 注入：

问题：

form我需要注入到组件 B或组件 C的变量仅存在于组件 A内部，而不存在于组件 A 的父组件中（由于某些原因，我无法将其上移一级）。

我怎么解决这个问题？