从容器Ref中包含的组件调用父对象的函数

Question

我有一个component1，其中我已经使用viewContainerRef包含了component2。在component1中定义了函数closeSideBar()，我想从component2调用它。 我通过在此处搜索尝试了“事件发射器”和其他各种方法，但对我没有任何帮助。 我该怎么做？

Answer 1

您必须在component2中导入“ viewChild”和“ component1”。

 import { ViewChild } from "@angular/core";

在我的情况下，

CityComponent是component1。

  import { CityComponent } from "../city/city.component";

在类声明的行下方插入

  @ViewChild(CityComponent) cityComp;

其中cityComp是别名。

，然后您可以访问或更改子组件的属性。就像。

  this.cityComp.city = -1; 
  this.cityComp.citiesddl = [];