如何在Angular中唯一标识组件的父组件

Question

我有一个称为Com1的组件，并且已将该组件导入到多个组件中。我的Com1组件包含一个按钮，并且单击该按钮时会触发功能。在该函数内，我想打印Com1组件实例的父组件。我怎样才能做到这一点。下图描述了这种情况。

这是我的组件。

@Component({
  selector: 'app-filter',
  templateUrl: './filter.component.html',
  styleUrls: ['./filter.component.css']
})
export class FilterComponent implements OnInit {

  constructor(

  ) { }

  ngOnInit() {

  }

  onButtonClicked() {
    console.log("parent component");
  }

}

单击按钮时，我想将Com1组件的父组件打印为Com2，Com3和Com4。

Answer 1

您可以将父组件名称作为输入传递给您的子组件，并在那里使用它。

@Input parentName:string;

和html

[parentName]="com2"