角2 ngModel不绑定对象属性定义类定义

Question

我是新的角2，我试过[（ngModel）]如下所示。

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

@Component({ 
    selector: 'my-app', 
    template: `<input [(ngModel)]="model.name" name="name"> <h1>{{model.name}}</h1>` 
}) 
export class AppComponent { 
constructor() { 
} 
model = {name: "some value"}; 
} 

以上代码生成输出像在浏览器的网页的初始加载如下所示..

第二个是..

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

@Component({ 
    selector: 'my-app', 
    template: `<input [(ngModel)]="model.name" name="name"> <h1>{{model.name}}</h1>` 
}) 
export class AppComponent { 
constructor() { 
} 
model = {}; 
model.name = "some value"; 
} 

这一个产生以下输出..

请您解释一下两个代码示例和为什么它不是在第二个样本工作之间的差异..

在此先感谢。

Answer 1

因为你不能在那里做任务。您可以分配进入构造函数或任何其他生命周期方法：

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

@Component({ 
    selector: 'my-app', 
    template: `<input [(ngModel)]="model.name" name="name"> <h1>{{model.name}}</h1>` 
}) 
export class AppComponent { 
constructor() { 
    this.model.name = "some value"; 
} 
model = {}; 

} 

此外，如果你看看你transpiled JS文件，你会看到类似这样的：

function AppComponent() { 
     this.model = {}; 
     this.name = "some value"; 
}