2017-11-05 10 views
1

私はプロジェクトのためにangular-2を学んでいますが、私はこのエラーについて考えていません。 これは私のhtmlファイルです。私はこれらのフィールドから値を取得したい。任意のアイデアデータを角2で結合する

<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> 

これは私の.TSに

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

を提出されたが、私は私のHTMLファイルに{{user.name}}のような何かを行うことはできません。どうしてこんなことに ?私はそれを間違っているのですか?

+2

この行の下にinterfaceを宣言しています。どのように夢の中であなたはインターフェイスを宣言し、新しいファイルにインターフェイスを置くか、それをインポートするか上に置くことをコードが知っているでしょう –

答えて

1

user変数をオブジェクトとして初期化しなかった可能性がありますか?これを試してみてください:

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

ありがとう:))。私は初心者です。本当に助けに感謝します。 – Biken

+0

@Biken、まったく新しい技術を学ぶときには、ニューバイの間違いをするのは問題ありません;) –

関連する問題