angular - 如何在父组件中添加 2 个动态组件实例？

Question

我正在尝试在我们的一个主页组件中添加 2 个分页组件实例，以便用户可以从任何一个实例更改分页。鉴于我正在定义这样的动态模板：

        <ng-template #dynamicPagerMaster></ng-template>

下面提到的逻辑我用来从控制器访问动态分页组件。

            let componentFactory = this.componentFactoryResolver.resolveComponentFactory(PaginationComponent);
        let componentRef = viewContainerRef.createComponent(componentFactory);
        let pagerComp: PaginationComponent = <PaginationComponent>componentRef.instance; 

到目前为止，我可以毫无问题地添加一个实例。任何建议我如何在我们的主页中添加相同动态组件的 2 个实例以及如何使它们保持同步？

Answer 1

使用 @Input() 的双向数据绑定