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

Question

I want to access the variable/property declared in Parent component into Child's view. Is it possible?

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

< div>{{ example }}< /div>

Answer 1

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