问题标签 [angular2-ngcontent]

我正面临一个奇怪的错误，它ng-content包裹在一个ng-template.

假设我有一个inner-component显示在 a中的组件outer-component：

如果condition=false，则如预期的那样， myinner-component永远不会由 Angular 创建（在调试时，ngOnInit()永远不会调用）。

现在，如果我将外部组件设置为：

而且，我仍然condition=false写着：

然后，令我惊讶的inner-component是，即使它从未被渲染，它也会被创建。这对我来说是个问题，因为内部组件（我无法修改的第 3 方组件）确实需要在应用程序中呈现时创建。

你能想出一个我可以在外部组件上使用的解决方法来避免创建 ng-content，（同时显然仍然使用嵌入 - 第一个解决方案不是一个选项）。

我正在处理实现自定义表并遇到问题。

我无法在表格组件中正确投影列组件内容。

• table.component.ts：

• column.component.ts：

我已经添加了在哪种情况下使用哪个模板的注释。

在这个 StackBlitz 示例中，您可以看到它是如何工作的。该按钮仅在最后一列的最后一个单元格中呈现，但我希望最后一列中的所有单元格都将呈现按钮。

我的问题是如何正确呈现列内容？

我想要的是：

简约的工具提示，实际上有效 - 看着你 PrimeNG

我有的：

我可以这样使用：

接下来是什么？

我想要一个指令，即。<li customtooltip [tooltiplabel]="this as tooltip">Should have tooltip</li> 动态生成工具提示组件（ViewContainerRef.createComponent() 或者可能是 createEmbeddedView??） - 我知道如何设置两者，但我无法将任何 html 内容（无论我希望我的工具提示应用于什么）到我的 ng - 内容出口

我试图弄清楚这 2 做了什么，我有点困惑，它们是像 div 还是类似的东西？

我阅读了文档，但不清楚是的，我也想知道什么时候应该使用它们？还是为了什么？

顺便说一句，我可以将 css 应用于他们两个吗？

我对 Angular Elements 有一点问题，这里有一个例子：

我有这个选择器“自定义”和这个模板的自定义元素：

<ng-content><ng-content>

我有一个带有这个选择器“组件”和这个模板的组件（不是自定义的）： <p> Hello Word </p>

在我的页面中，我的自定义元素如下所示：

我的自定义元素工作正常，但我的组件永远不会加载，就像没有被角度解释一样

你知道为什么吗？以及如何做到这一点？

我需要我的 ng 内容和文本对齐到中心这是目前的情况：

状态 1

状态 2

我希望 ng 内容与第二张图片完全相同，但是当文本鼠标退出 ng-content 时，文本会消失（应该如此）并且内容会向左移动。

我如何重用一个包含不同内容的组件。我有quick-links扩展dashboard-panel组件并具有标题和内容的组件。我想重用quick-links具有不同标题和内容的组件

就像在这个 屏幕上

我只能使用@Input 更改此组件的标题，因为它只有 1 行，但如果我也需要更改整个内容怎么办。实现这一目标的最佳方法是什么

我正在尝试使用角度材料扩展面板显示一组项目，但它没有显示任何内容。我知道扩展面板使用 ng-content 将内容投影到面板组件中。这是我的模板代码的样子：

div.parent如果ng-content下面的代码为空，我想隐藏删除

我尝试使用如下参考，但似乎无法正常工作

ng-content如果为空，是否有更好的方法来删除父元素？

我有一个模态组件，它被用于不同的模块。为了使其动态化，我需要从调用模态的父组件传递设计。

我尝试使用 ng-content 来传递设计，但由于它是一个模态组件，我不确定如何传递 HTML 以及它将如何以模态显示。

从组件调用模态

最终目标是将 HTML（例如，<p>Hello</p>）插入到我调用模态的父组件中，并且该 HTML 应该以模态显示。我希望这可以通过ng-content或ng-templateoutlet来完成。请帮助我。