问题标签 [ng-template]

到目前为止，我还没有找到任何代码片段，而且文档太简洁了。所以我的问题是如何将参数传递给 ng-template 以及如何取回索引？直观地说，以下应该可以工作，但它只是抛出“未定义”。任何帮助表示赞赏。

我想从树结构中生成一个反应形式。

这是创建表单项（表单组和控件）的代码。对于嵌套在表单组中的控件，我使用递归模板。

完美地生成了 HTML 表单。但是当我将formControlName指令添加到输入时，HTML 生成中断。然后我得到这样的错误：

我在运行时从数据库中提取了一个与 Angular 选择器相对应的属性。

像这样渲染“Hello World”的最佳方式是什么？

这仅适用于 html 标签，不适用于 Angular 选择器：

app-hello 组件只做一件事：

我得到错误：

无法绑定到“ngSwitchDefault”，因为它不是“ng-template”的已知属性

在我继续之前：这不是Angular2的副本——“不能绑定到‘ngSwitchWhen’，因为它不是‘模板’的已知属性。”

ngSwitchWhen 绑定得非常好，就像我使用它的方式一样。问题在于 ngSwitchDefault，我只能在它的 sytactic suggared verison *ngSwitchDefault中使用它。但是由于我对此事有另一个结构性指令（*ngIf），我想使用“Template-[ngSwitchDefault]”-Version，它给了我上述错误。

问题：我可以使用 [ngSwitchCase] 而不是 [ngSwitchDefault] 的任何原因？

我看过这样的问题。但这并不能完全回答我的问题。我想将局部变量名称绑定到枚举的值，如以下（高度简化）示例：

在certain-state.component.ts：

在certain-state.component.html：

编辑： 我认为解决方案在以下答案中：How to use a typescript enum value in an Angular2 ngSwitch statement。你们有什么感想？

如果我的 fileInput 元素在一个普通的 div 中，那么它工作正常。但是如果我把它放在里面，<ng-template></ng-template>那么我会得到它的未定义。

这是我的代码：

HTML

TS

import { Component, OnInit, ViewChild , ElementRef} from '@angular/core';

请建议我如何从 ng-template 访问 ViewChild

我创建了一个结构指令，该指令根据 ng 模板中的内容显示工具提示，当我将鼠标悬停在“查看工具提示”文本上时，工具提示会正确显示，但它显示在顶部：0px 左侧：0px 位置屏幕上，我希望它显示在文本“查看工具提示”的上方，我已经使用“getBoundingClientRect()”方法实现了 elementRef 的尺寸，但我不知道如何在工具提示中应用它们。任何想法？

工具提示.directive.ts

display.component.ts

我有这个模板的这个组件：

我需要知道如何将输入字段添加到 TemplateRef 并将其添加到我的表单中。

//edit 输入字段必须只存在于组件内部的表单中，不能存在于主应用程序的表单中。

您可以查看此链接中的示例：https ://plnkr.co/edit/cWWxRUlMfR6ecNbga8Y7?p=preview

我已经偏移了存储在 BehaviorSubject 中的值，如下所示。

如何使用 let-* 语法将其传递给 ng-template？

我试过下面的代码并得到SyntaxError: Unexpected token (

编辑：（塞巴斯蒂安答案的修改版）

谢谢@Sebastian。你的回答给出了这个想法。但我得到了“SyntaxError: Unexpected token ”。使用答案中显示的代码。这是我如何改变它：

替代解决方案（如果可以不包装到 *ngIf 中）受到赞赏......

我想将 ng-template 的 innerHTML 放到我的组件中。就像是

HTML

TS