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语句。注意:编译时会抛出错误