问题标签 [ng-template]

我使用 ui.bootstrap.modal 尝试了以下操作）。这是我用于 bootstrap.modal 的代码： 在 HTML 文件中：

在我的 controller.js 中：

现在的问题是，当我尝试弹出一个包含表格的窗口时，数据显示在正确的位置，但表格没有任何 ui。一切似乎都在纯文本中。我想这与 type="text/ng-template" 有关。但我想不出一种解决方法。我该如何解决这个问题？

我一直在玩 ng-template，发现自己在为某种延迟而苦苦挣扎。

我在 stackblitz 中创建了一个简单的示例。https://stackblitz.com/edit/angular-template-series-v?file=app%2Fparent%2Fparent1.component.ts

Parent组件通过模板向其Child发送Hello组件。

这个想法是使用ngIf从 Child控制模板。

当Hello组件到达ngOnInit钩子循环时，它会发出一个输出。父组件获取此输出并添加要显示的消息。

但是在创建组件时不会显示该消息，而是在一个周期后显示。在示例中，您需要单击两次“切换内容”按钮才能显示“已创建模板”消息。

我该如何解决这个问题才能使消息出现在同一个周期中？

<ng-container>我对和有疑问<ng-template>。在我们的代码中使用哪个更好。我已经在 SO 上阅读了关于这两个标签之间区别的答案。它通过转换说 Angular 编译器去糖（让它有点复杂）

对此

所以我担心<ng-template>会影响浏览器中的渲染性能，<ng-container>而这两个中的哪一个应该被优先考虑？

我想在 HTML 中动态添加以下内容。

我为此使用以下方法。

在 app.component.ts 文件中：

`;

并在 app.component.html

但是这个方法只在 DOM 中渲染 h1 标签。（没有 ng-template）

请帮助我动态添加 ng-template，以便 #else 块，*ngIf 也可以工作。

当一个组件在另一个组件内时，它叫什么？像

它是如何工作的？

我有一个包含图像源的标签。如果图像失败，我还写了一个错误案例。下面是我的代码

我可以在此 onError 中有一个条件，以便根据缩略图类别，我可以显示与类别相关的不同占位符图像。期待类似的东西，

我知道上面的代码在语法上不正确。我正在寻找与我上面的代码片段匹配的解决方案。谢谢。

我正在遍历一个数组并为每个元素生成一个下拉列表。由于某些原因，当我单击“添加”按钮时，其他下拉值变为未选中（空白）！我在 Add 方法上放了一个调试器，我可以看到之前选择的值仍然存在。不知道为什么他们的下拉菜单变为未选中（空白）！

我在这里创建了一个示例！删除表单标签后，一切正常。但为什么？？

ng-template 在范围内可见或处于活动状态时是否有任何事件， 或者是否可以以这种方式执行任何方法以从容器中调用它？

（或者）

假设我们有几个组件，每个组件都应具有不同的布局/ui（模板），并以显示尺寸为条件。

我的解决方案是创建这样一个组件：

并以这种方式使用它：

此解决方案可能存在一些缺陷。例如，我们不能在<mobile>和<web>部分中使用相同的模板引用。（上面我们使用#searchInputand #searchInput2）。


这种情况的最佳做法是什么？

下面的代码在嵌套的 ng-this 和 ng-that 标签方面已经有点暴行了，但是如果有一种方法可以跳过 ngSwitch 的 ngIf 并且只将上下文传递给 else 会更漂亮像分支一样

，如在模板中调用的 *ngTemplateOutlet 中所示。我希望我已经尽职尽责地寻找方法，但到目前为止，除了使用（另一个！）嵌套的 *ngTemplateOutlet 之外，我还没有其他选择。标记有点修剪到必要的东西。

ng-template 在模板的其他地方被回收，所以我不能把它放在更靠近 ngSwitch 的地方（基本上在 *ngFor 里面）。我尝试用 *ngIf 替换整个 ngSwitch，但随后 prop 模板抱怨它没有定义 [property]。建议？我错过了什么吗？