각도 2의 데이터 바인딩

Question

프로젝트에 대한 각도 2를 배우고 있는데이 오류에 대해 전혀 알지 못합니다. 이것은 내 html 파일입니다. 이 분야에서 가치를 얻고 싶습니다. 내 .TS가 내 html 파일에 뭔가를 {{user.name}} 할 수없는

export class UserComponent{  
    user:User; constructor(){ } } 
    } 
// interface 
      interface User{ 
       name:string; 
       Id:number; 
       email:string; } 

파일에 어떤 생각

<form> 
    <label> Name: </label><br /> 
    <input type="text" name="name" [(ngModel)]= "user.name" /> <br/> 
    <label> Id: </label><br/> 
    <input type="number" name="Id" [(ngModel)]= "user.Id" /><br/> 
    <label> Email: </label><br /> 
    <input type="text" name="email" [(ngModel)]= "user.email" /><br/> 
</form> 

이다. 왜 이렇게이다 ? 내가 잘못하고 있니?

Answer 1

user 변수를 개체로 초기화하지 않았기 때문일 수 있습니다? 이것을 시도하십시오 :

export class UserComponent {  
    user: User = { 
    name: "", 
    Id: null, 
    email: "" 
    }; 
    constructor() { } 
}