Javascript @输入和@Output在Angular 5中始终未定义

个人内部的任何值都会打印出来，没有问题，但使用@Input或@Output获得的任何值都不会正确显示

我正在尝试使用父属性parentData在child.component.ts中分配childData

类似地，我尝试将子属性“数据”分配给父属性“数据”

child.component.ts

正在子组件中打印父值：{{childData}
正在打印子值：{data}
将值发送给父级
正在打印父数据：{{parentData}
正在打印子数据：{{Data}
[childData]=“parentData”（事件）=“onOutputEvent（$event）”
欢迎来到{{title}}！

您在分配属性之前关闭了标记

<app-child [childData]="parentData" (event)="onOutputEvent($event)"></app-child>

---

您在错误的位置关闭了

app child

指令，请尝试：

<app-child [childData]="parentData" (event)="onOutputEvent($event)"></app-child>

---

尝试

。您正在关闭标记，而没有分配属性。

<app-child [childData]="parentData" (event)="onOutputEvent($event)"></app-child>

<app-child [childData]="parentData" (event)="onOutputEvent($event)"></app-child>