在angular 8数据输入中，数据绑定不起作用？

这个问题以前被问过多次，我对提供的所有解决方案都很满意。但我陷入了一个基本问题，即如何从父组件到子组件获取数据。不知道我做错了什么

app.component.ts

app.component.html

---

footer.component.ts上的ngOnInit函数调用始终返回未定义的

您尚未将应用程序根目录的消息绑定到子组件。模板彼此隔离，不会从呈现它们的父级继承任何属性。相反，必须使用数据绑定将数据传递给模板

试试这个：

<footer>
    <app-footer [message]="message"></app-footer>
</footer>

---

请参见

您尚未将应用程序根目录的消息绑定到子组件。模板彼此隔离，不会从呈现它们的父级继承任何属性。相反，必须使用数据绑定将数据传递给模板

试试这个：

<footer>
    <app-footer [message]="message"></app-footer>
</footer>

---

请看

我猜您在这里输入了一个错误：？1。你没有传递信息。2. @输入数据在OnInit中不一定可用。@jonrsharpe 1。正确的2。对它是可用的，但在构造函数中不可用。我假设您在这里输入了一个错误：？1。你没有传递信息。2. @输入数据在OnInit中不一定可用。@jonrsharpe 1。正确的2。对它是可用的，但在构造函数中不可用。

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.scss']
})

export class FooterComponent implements OnInit {

  @Input() message: string;

  constructor() {}

  ngOnInit() {
    console.log(this.message);
  }

}

<footer>
    <app-footer [message]="message"></app-footer>
</footer>