Angular 在将多个数据从父组件传递到子组件时出错

Angular 在将多个数据从父组件传递到子组件时出错,angular,angular-decorator,Angular,Angular Decorator,我试图将两个变量从父组件发送到子组件。为此,我已经在下面可以看到的对象中初始化了这两个数据 导出类AppComponent{ 标题=‘应用程序’; myObj={ FirstInputString:“你好,我来自家长”, SecondInputString:“我是来自父级的第二个值” }; 我已将子选择器放置到父组件view.html文件中,在该文件中我使用@input name myInput将其绑定到对象名 但是在子组件中,当我使用对象值时..我是 无法访问父对象中已定义对象的键值 反

我试图将两个变量从父组件发送到子组件。为此,我已经在下面可以看到的对象中初始化了这两个数据

导出类AppComponent{
标题=‘应用程序’;
myObj={
FirstInputString:“你好,我来自家长”,
SecondInputString:“我是来自父级的第二个值”
};
我已将子选择器放置到父组件view.html文件中,在该文件中我使用@input name myInput将其绑定到对象名


但是在子组件中,当我使用对象值时..我是 无法访问父对象中已定义对象的键值 反对

导出类FormTestComponent实现OnInit{
@Input()myInput:string;
恩戈尼尼特(){
log(this.myInput.FirstInputString);
log(this.myInput.SecondInputString);
}
}

appcomponent

export class AppComponent {
  title = 'app';
  myObj = {
    FirstInputString : 'Hello I am coming from Parent',
    SecondInputString :  'I am second value coming from parent'
  };
export class FormTestComponent implements OnInit {
  @Input() myInput: any;

  ngOnInit() {
    console.log(this.myInput.FirstInputString);
    console.log(this.myInput.SecondInputString);
  }
}
应用程序组件html

<app-form-test [myInput]="myObj" (myOutput)="getData($event)"></app-form-test>
以上对我来说非常好

注意:myInput:string我将其更改为myInput:any,但在运行时不会导致任何错误

请找到stackblitz

错误是什么?控制台中没有显示错误,只有父组件的数据没有显示。我想我无法正确绑定子模板中的对象。我能够获取数据,代码myInput只有一个问题:string;相反,你应该有myInput:any;@KirkLarkin这是我说过的。没有代码有问题。我得到了console.log语句。注意:编译时会抛出错误