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

Question

我想将父组件中声明的变量/属性访问到子视图中。 是否可以？

@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{...}

子组件.html

<div>{{例子}}</div>

Answer 1

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