不能設置未定義的屬性「年齡」

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:""};