Question

假设我有三个组件： C1，C2和C3 。

我想让C2成为 C1和C3 的孩子。并且根据哪个组件是C2的父级想要显示HTML文本的事实 - ＆＃34; C1是我的父母＆＃34;或＆＃34; c3是我的父母＆＃34;。这是我问题的表面形式。我想在c2中访问父组件的名称，然后相应地更改其innerHTML。

如何在angular2中访问父组件的名称？

Answer 1

您可以通过@Input简单地将描述您的父组件的内容传递给孩子。

子组件示例：

@Component({
  selector: 'child',
  template: `
    <div>{{ parentName }} is my parent</div>
  `,
})
export class ChildComponent {
  @Input() parentName: string;
}

第一位父母：

@Component({
  selector: 'first-parent',
  template: `
    <child-component parentName="'first-parent-component'" />
  `,
})
export class FirstParentComponent {
}

第二位父母：

@Component({
  selector: 'second-parent',
  template: `
    <child-component parentName="'second-parent-component'" />
  `,
})
export class SecondParentComponent {
}

如何在角度为2的子组件中获取父组件的名称？

1 个答案: