问题标签 [ng-container]

mat-table 内的列（ng-container）的宽度是平分的。有没有办法可以根据我的要求进行调整（列上的内容）。前任。在下图中，复选框与其他列的宽度相同，这不是我需要的。

在下面的示例中，我使用ng-template了如下所示并且工作正常。

示例链接：点击这里

但是我想为ng-template内容创建一个新文件，并且想在另一个文件中使用它。我已经尝试过如下但不工作。请帮我找到这个案例的解决方案。

模板.html

默认.html

样品 2：样品 2

参考 stackoverflow 问题：angular2 ng-template 在一个单独的文件中

我正在对来自 firestore 的异步数据使用角度/动画。我关注了一篇文章，这个人在 ng-container 中使用了异步内容。如果不使用它，我的内容可以连续使用 4 张卡片。但是 ng-container 强制它们是每行单卡。这是没有 ng-container 和动画的代码，可以正常工作并在中大屏幕上每行渲染 4 张卡片。

这是一个带有动画和容器的卡片，它迫使卡片每行一张。

图片

此代码工作正常且正常（没有 ngTemplateOutlet）：

但是这段代码不能正常工作（使用 ngTemplateOutlet），为什么？（只需像普通的红色文本一样查看error.message）：

有任何想法吗？谢谢！

新的堆栈溢出和相当新的 Angular - 比如说中级。

所以我有一个问题，我使用 *ngFor 循环来创建和填充 HTML 表的前三列，然后我想使用单独的 *ngFor 条件循环遍历来自 firestore 数据库的文档集合以填充满足特定条件的表的行，直到我希望应用if条件以应用内容的两个选项之一的最后一列。

用文字来描述会让人困惑，所以这里有一些代码可以画出更好的画面：

用于创建 HTML 表的 JSON：

在 HTML 表中，filteredReservations 是由 firestore 获取请求返回的文档集合的数组：

预期结果是将使用第一个 *ngFor 创建 HTML 表，filteredReservations 将出现在满足条件的行中，最后一列将显示一个编辑图标，该图标将链接到添加新预订或编辑现有 where条件满足。

当我试图实现我对最后一列的目标时，重复的次数与集合中的文档一样多，即我需要最后一列位于filteredReservations 循环之外，但仍使用保留数据来检查if 条件。

我的目标：1

我目前得到的：2

我试图尽可能地解释，所以希望这是有道理的。

我正在尝试将我的一个对象映射到mat-table.

Web API 的输入对象如下：

HTML 代码

角度模型：

角代码：

预期输出： dateReport 包含用作表中列名的日期。'n' 下面的结构表示 webapi 可能返回超过 2 个 ShoppingListDateModel 在这种情况下，应该为每个日期添加列

问题：

无法根据 dateRecord 生成列。UI 仅呈现前两列。

我是 Angular 的新手。如果我的执行错误，请告诉我，我可以根据输入进行修改。

我有一个 ng-container，它描述了我所有可能的表单字段模板，基本上在一个大型 switch 语句上，具体取决于字段的元数据：

我有一个基本表单组，然后表单组的一个属性是一个表单数组，其中每个元素都有自己的表单组。例如，数据模型如下所示：

其中每个字段都有描述其表单属性的相应元数据。

我希望能够在基本表单组和表单数组中的表单组中重用输入 switch 语句。但是，ng-container 内部无法访问由 formarray 的 formGroupName 输入指定的表单组：

我遇到的错误基本上是Angular找不到formarray的FormGroups内部的控件（即数据模型中的sectionName），尽管找到与基本formgroup控件相对应的控件没有问题（名称和描述来自数据模型）。有没有办法可以手动将表单组引用传递给 ng-container？可以在这里看到一个简短的示例。

好吧，这是我试图将模板传递nodeTemplate给子组件的父组件ils-tree

子组件ils-tree的 HTML 看起来是这样的

并且控制器文件有

基本上，ps 无处可见，是的，数据json正在成功传递。帮助！

PS直接嵌入时的模板，在两者之间，有效。那是，

我正在创建一个翻转面板。面板由三个部分组成。

• 面板工具栏
• 面板正面
• 面板背面

工具栏有一个固定部分，即翻转按钮。

在我的 Flip-panel.component 中，我有一个用于工具栏的 ng-template，因为工具栏应该显示在两侧并且应该相同。但我也在这个模板中使用 ng-content 来获取工具栏的用户定义项目。

我的翻转panel.component：

我遇到的问题是，工具栏中的用户定义项目（从面板工具栏中选择的内容）仅显示在背面内容上。

这是一个完整的例子： https ://stackblitz.com/edit/angular-fsnww2?file=src%2Fapp%2Fapp.component.html

对于一个附带项目，我做了一个 ControlValueAccessor 的新实现（一个矩阵选择 AKA：一个可以选择和取消选择单元格的表格）。可以提供选项输入来更改矩阵响应用户交互的行为方式。

我正在尝试创建一个“示例”页面来列出具有各种选项集的几个矩阵选择控件（有点像这样：https ://material.angular.io/components/datepicker/overview ）。对于每个示例，我想展示随着用户与控件和选项 json 交互而更新的绑定值 json。

这很简单，但重复（我有比下面提供的更多变化）：

请注意，对于每个示例，我都必须输出 json 和 options 值。

在我的脑海中（可能是错误的），我想做的是：

并以这样的方式定义 AppExampleComponent ，它可以输出传入的任何组件的数据和选项（不仅仅是选择矩阵，还有我可能用所述属性定义的任何其他内容）。

我正在努力寻找任何资源来帮助我实现这一目标，我认为这可能是因为我很难说出我想要实现的目标。我希望一个组件包装另一个组件，以便它可以向我展示与该组件交互的效果。

我想其他实现方式是选项1：

或选项 2：

但我真的不想为我创建的每个未来 ControlValueAccessor 创建一个示例组件。

我觉得这里缺少一个关键的 Angular 功能。如果没有，您将如何处理？