angular - 角度 8:用于多视图子引用的单个 ng 容器
问题描述
我的组件中有三个 viewchild 装饰器,如下所示:
@ViewChild('propertiesPage1', { read: ViewContainerRef, static: true }) propertiesPage11: ViewContainerRef;
@ViewChild('propertiesPage2', { read: ViewContainerRef, static: true }) propertiesPage22: ViewContainerRef;
@ViewChild('propertiesPage3', { read: ViewContainerRef, static: true }) propertiesPage33: ViewContainerRef;
这些的引用在我的 html 文件中提供,如下所示:
<div>
<ng-container #propertiesPage1>
</ng-container>
</div>
<div>
<ng-container #propertiesPage2>
</ng-container>
</div>
<div>
<ng-container #propertiesPage3>
</ng-container>
</div>
我想将所有三个容器合并为一个容器,并且 ng-container 应该只包含对最近更改的 viewchild 的引用。像这样的东西:
<div>
<ng-container #propertiesPage>
</ng-container>
</div>
我怎样才能实现它?
解决方案
@ViewChild
装饰师仅适用于一个孩子。要获得您需要使用的孩子数组@ViewChildren
试试这样:
@ViewChildren('propertiesPage') pages: QueryList<ViewContainerRef>
推荐阅读
- javascript - 访问从 Chrome 扩展动态更新的 DOM
- sql - 2个自然连接可以返回的最大数量
- python - 如何摆脱全局变量
- matlab - 二元对象胡矩 - Matlab
- haskell - 如何在 Data.Set.Monad 中定义 powerset?
- java - 如何保证多个集成流程的有序启动/停止
- web - 你能帮我在基于 webRTC 的点对点连接中实现屏幕共享吗?
- c++ - 为什么调试器会抛出“读取访问冲突。这是 nullptr”异常?
- android - 我在哪里存储 google api 密钥在 Android 中?
- python - Discord python同时运行Client()和Bot()?