在子组件的 html 文件中访问父组件属性

Posted 2023-03-13

【中文标题】在子组件的 html 文件中访问父组件属性

【英文标题】：Access Parent component properties in Child component's html file

【发布时间】：2019-06-30 19:57:36

【问题描述】：

我想将在 Parent 组件中声明的变量/属性访问到 Child 的视图中。有可能吗？

@Component(...)
export class ParentComponent implements OnInit
  public example: string;
  constructor()
    this.example = 'display this';


@Component(templateUrl: './child.component.html',)
export class ChildComponent extends ParentComponent implements OnInit...

child.component.html

示例

【问题讨论】：

您是否扩展父母只是为了让孩子拥有example？如果是，您可以改用@Input 来解决您的问题。

【参考方案1】：

您可以使用@Input 将数据从父组件传递给子组件，以将父组件属性访问到子组件