Angular 2 中的绑定数据

Question

我正在为一个项目学习 angular-2，我不知道这个错误。这是我的 html 文件。我想从这些字段中获取值。任何想法

 <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}} 的操作。为什么呢？我做错了吗？

Answer 1

可能是因为您没有将 user 变量初始化为对象？试试这个：

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

Angular 2 中的绑定数据

binding data in Angular 2

javascript

angular2-directives

angular