问题标签 [viewchildren]

我有这样的情况

如何从内部获取 QueryCmp HereIWantViewChildrenComp？

当我嵌套 ngFor 时，如何按父 ngFor 对子项进行分组？

所以我有这样的事情：

html:

ts：

我想实现这个

html:

这是错误的，因为如果我在按钮中使用它，现在将对所有孩子采取行动，但我只想对每个按钮的一组孩子采取行动。

@edit：也许我可以做一些类似另一个组件的事情<app-parent></app-parent>，它将获取组数据，然后在这个 ngFor 内部，<app-child></appChild>但我想避免在中间制作另一个组件只是为了分组。

我有一个对象的 QueryList。我需要根据用户交互重新排序 DOM 元素：

QueryList 已排序，但我认为的顺序保持不变。我还需要重新排序视图。知道如何根据 QueryList 对视图进行动态排序吗？

假设我有

这会产生

在我的组件中，我对 QueryList 进行排序，现在我希望视图执行相同的操作并显示

cleary的文档ContentChildren指出，它QueryList不会在子组件中获取任何内容。但它并没有说明相同的情况ViewChildren，所以我问自己，如果我在这里做错了什么。

指示

父组件.ts

父组件.html

child.component.html

second.child.component.html

基本上，我需要做的是选择第一个.input-group嵌套的子组件。有任何想法吗？

我有一个 Web 组件库（自定义元素），我希望在其他 Angular 应用程序中使用它。问题是@ViewChildren()获取未定义的值，无法访问我的组件内的子项。

我使用@ViewChildren是因为我正在使用encapsulation: ViewEncapsulation.ShadowDom. 我已经尝试使用@ContentChildren并且它可以工作，但是一旦我在另一个应用程序中使用我的组件，@ContentChildren就不再工作了（由于 ShadowDom）。

这是一个最小的代码片段，只是为了显示手头的问题。完整代码可以在这里访问

父组件：

自定义手风琴.component.ts

custom-accordion.component.html

注意：如果我使用

我可以看到@VIewChildren，但没有显示数据。所以我使用下面的代码来查看显示的数据。

子组件

自定义手风琴内容.component.ts

自定义手风琴内容.component.html

然后我有包含数据的容器

container.component.html

我一直在尝试解决这个问题，但无济于事。我只想获取@ContentChildren 通过@ViewChildren 获得的值。任何帮助，将不胜感激。

我有一个“父亲”组件，其中几乎没有“儿子”组件。“父亲”通过以下代码创建“儿子”：

你能解释一下：我应该如何“等待”直到所有的“儿子”都被创造出来？

提前谢谢你，兹维卡

在我的应用程序中，单击一个元素时，我会显示一个包含附加信息的工具提示。这适用于列表中的所有元素。我希望能够在单击工具提示之外的任何内容时关闭扩展。

这个概念本质上是这个已回答问题所涵盖的内容，但如果元素有多个实例，我需要它来工作。我尝试将 ViewChildren 用于元素而不是 ViewChild，因为有多个元素，但这并没有达到我想要的效果。如果可能的话，我想避免使用任何尚不可用的软件包@angular/core，rxjs等等。请参阅下面的简化版本，这是我迄今为止没有成功的尝试。

HTML

TS

使用下面的 DOM 片段：

我想ng-comp3列出 DOM 文档中的所有组件ng-comp1。有办法吗？

ViewChildren仅列出ng-comp3.

document.querySelector列出 DOM 元素，而不是组件。

我有一个父组件和多个子组件。当我单击父组件中的按钮时，我会获得孩子的有效反应形式值。但是，我只能使用ViewChildren. 在子组件中，我可以获得整个表单值。

任何提示将不胜感激！谢谢你。这是我的代码：

子组件.ts

父组件.ts

这是摩擦。我需要为 html 表格中的单元格着色。

该表由 ngFor 制作，有 7 列宽。每列都是由 ngFor 创建的组件。

我尝试使用 ViewChild，但显然，我只能绘制每个组件中的第一个单元格。

我用 ViewChildren 做了一个测试

所以我得到了包含所有 7 个组件的列表，但是我怎么能说我想从哪个单元格开始绘画呢？每次我想画画时我都应该 ForEach() 吗？

我在子组件中为绘画设置了方法，但我有点不知该如何让它们工作。

任何帮助表示赞赏。干杯。