不能设置未定义的属性“年龄”

Question

这是我的模型类，我试图在我的组件中设置值，但我得到错误，“无法设置未定义的属性'年龄'”....

frst.model.ts

import { Component } from '@angular/core'; 


    export interface mydata 
    { 
    name :string; 
    age:string; 
    data: string; 
    } 

FSRT-Component.ts

import { Component,Output,Input,OnInit, } from '@angular/core'; 
import { mydata } from './frst.model'; 
@Component({ 
    selector: 'my-Component', 
    template: ` 
    <div><h1>hello</h1></div> 
    `, 
}) 
export class MyComponent { 
@Input() nputmydata:mydata; 
@Output() outputmydata:mydata; 
PassData:mydata; 

constructor() 
{ 
    this.PassData.age='my name'; 
    this.PassData.data ='hello'; 
    this.PassData.name='rajeev'; 
    this._senddata(this.PassData); 
} 



private _senddata(PassData:mydata) 
{ 

console.log(PassData); 

} 
} 

Answer 1

1）初始化您PassData字段为空对象或创建一个类与该类型。

PassData:any = {}; 

2）如果你想类型检查可以使接口参数可选像

export interface mydata 
    { 
    name?:string; 
    age?:string; 
    data?: string; 
    } 

和PassData:mydata = {};

3）如果你想类型检查要严格要求空初始化对象字符串值，

PassData:mydata = {name:"", age: "", data:""};