问题标签 [ng-container]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - 如何从多维数组动态创建带有角度的 html 表？
我正在尝试从其中包含数组的 Json 动态创建 html 表。我遇到的问题是尝试<td>从子数组创建 s 时。下面是我想要完成的一个例子。
我应该使用<ng-container *ngFor="let m of l.dArray">吗？
模板：
预期结果：
angular - 如何使用 ng-container 和 ng-template
如果 *ngIf 返回 true，我想提供另一个徽标。
为此，我创建了一个 ng-template 并希望在 ng-container 中显示它。
不幸的是，我现在无法得到它。我究竟做错了什么？
这是我的 ng 模板：
在这里我想使用它：
angular - 角材料自动完成内的 ngTemplateOutlet 仅使用默认选项呈现
我正在尝试使用材料自动完成和 ngTemplateOutlet 创建一组自定义模板，以切换我想使用哪个模板来显示结果（例如，如果有分组结果，它们的显示方式将与传统的自动完成选项不同）。
ngTemplateOutlet 似乎仅在提供默认选项时才呈现模板。如果没有至少一个 mat-option 存在，似乎无法将选项直接附加到 mat-autocomplete。理想情况下，唯一呈现的选项是从组件中获取的选项（在一个更复杂的示例中，以下代码很简单，并且仍然复制了问题）。本质上，我正在寻找一种解决方法。
我已经尝试了所有我能想到的关于 ng-container 和模板的变体。
例如，使用模板
这不会呈现任何自动完成选项
但是，通过包含至少一个 mat-option，这会呈现所有这些
这是一个堆栈闪电战： https ://stackblitz.com/edit/angular-bz45ae ?file=app/autocomplete-simple-example.html
angular - Angular 8：未在嵌套结构中显示 ng-tmplate 的内容
我有一个模型，它的结构中有一个列表和一个枚举属性，如下所示：
我想用 ng-container 和 ng-template 在模板中显示我的模型列表，但是 ng-template 的内部内容没有显示在我的结果中我的模板是这样的：
你能帮助我吗？
angular - Angular 中的 ng-component 是什么？
Angular中有两个非常相似的命名指令（或属性）
ng-component和ng-container
如果你把ng-component而不是ng-container你会得到各种奇怪的行为 - 例如自动插入一个<router-outlet>.
我经常想知道ng-component用户代码中是否真的有目的。
它是一个遗产吗？只是内部的吗？它可以解决任何问题吗？
angular - angular 9 添加构造函数参数，然后 html 渲染不正确
我在 Angular 9 中创建了一个组件，并在组件中使用来注入 html。到目前为止，它仍然很正常（正确渲染html）。但是在构造函数中添加参数后，组件中的 html 不会在浏览器中呈现，只会在浏览器中呈现 ng-container 内容。我能怎么做？
我试图删除构造函数参数，然后组件正确渲染..但我需要在组件中导入render2和elementRef，所以我不能这样做
myComponent.component.ts
myComponent.component.html
app.component.html
但是当在 chrome 中呈现时，组件中的 html 不会在浏览器中呈现....
正确的渲染如下
html - 如何在 Angular 中使用模板引用动态呈现 ng-template
我尝试了这个问题中的示例Dynamic ngTemplateOutlet value但仍然没有成功。
我想根据用户选择的选项动态显示ng-template表单。
我在 component.ts 中定义了全局变量和 3 个表单及其模板引用
其中 UserForm 定义为
在我的 HTML 模板中，我有以下内容
第一列将根据左侧单击的项目col-4确定在第二列上显示哪个表单。col-8
当我点击左侧的项目时，我可以看到form.id右侧显示 ，这意味着表格的选择和ngFor工作正常，但是在线模板*ngTemplateOutlet='selectedForm'>没有显示。
我的组件中的功能看起来像这样
angular - 有什么方法可以将点击绑定到 ng-container 吗？
我有一个由 a 组成的组件ng-container，我想绑定一个点击它。(click)不做这项工作。
还有另一种方法吗？
javascript - 如何获取放置在 ng-template 中的组件实例？
我对角度有疑问ng-template。我在里面使用了 mycomponentng-temmplate然后尝试获取我的组件的一个实例，但它返回undefined
我试过如下：
示例 - https://stackblitz.com/edit/grid-details-templates-ngtemplate-outlet-hrguvv?file=app.component.ts
html:
App.component.ts：
但是我已经尝试过如下所示，但我无法完全采用 mycomponent 实例
示例 - https://stackblitz.com/edit/grid-details-templates-ngtemplate-outlet-w9aqmh?file=app.component.ts
app.component.ts：
需要帮助解决这种情况........！
angular - 带有 *ngIf else 模板的 ng-container 不适用于 ContentChildren QueryList
我正在尝试通过@ContentChildren和 QueryListussign动态更改组件的内容ng-container *ngIf="condition; else tplRef"，当condition真正的ng-container内容是可见的，QueryList但当condition是假的时候，ng-template内容是不可见的。
我的目标是根据“查询”可见的条件显示不同的元素