问题标签 [ngtemplateoutlet]

在 Angular 版本 12 中，我打算在用户每次点击按钮时将计数器增加 1。

在 *.component.html 中：

在 *.component.ts 中

第一次点击按钮，newValue 等于 2，那么 counter 就等于 2。第二次，newValue 还是等于 2，那么 counter 就等于 2。这样，下一次点击，我不能再增加计数器了。

似乎在这段代码increaseCounter(counter + 1)中，即使计数器的实际值已更改为 2，计数器也始终等于 1。这种代码方法适用于 Angular 6、8，但从 Angular 12 和 Ivy 开始，这种方式不工作。

即使我使用当前的 using 建议ngTemplateOutlet，它也不起作用。

请帮我解决这个问题。谢谢！

我有三个 Angular 组件，一个基础组件和两个子组件（child1 和 child2），具有以下结构：

child1.component.html

child2.component.html

base.component.html

当我检查 DOM 时，它正确显示 child1 但 child2 没有出现，并且有

有人有一些解释吗？
请注意，我的结构绝对需要这种结构，因为我需要在基本组件中插入子元素的内容，而无需添加额外的 html 标记。
谢谢！

我有一个子组件，它接受 aTemplateRef作为@Input并通过ngTemplateOutlet. 如何使用@ViewChild/@ViewChildren检索模板内的组件？

如果模板在使用它的同一组件中声明，则@ViewChild/@ViewChildren正在工作，但它会使组件的动态性降低。

我也尝试过使用@ContentChildren，但没有区别。

我创建了一个 stackblitz 来重现。以下是一些代码：

child.component.html

child.component.ts

父组件.html

登录子组件返回false.

这是堆栈闪电战：https ://stackblitz.com/edit/angular-eopzyw?file=src/app/app.component.ts

谢谢你。

这是我们应用程序当前代码的片段

并且，在组件文件中：

有可能这样做吗？我得到了一堆解析器错误，所以我很好奇我是否正在试图让这个工作正常进行。

谢谢！