2016-05-23 61 views
0

结合,这是非常简单的用角1,但不知何故,我不能把它与角2Angular2 - 2路在文本框中输入标签

工作在我的组件让说,我有一个模型 - myModel.name.title,并在其构造我设置一些值,有是修改值类型的文本(下图)在模板中输入: -

<input type="text" [(ngModel)]="myModel.name.title" /> 
<p>{{ myModel | json }}</p> //for previewing 

但是,当我输入文本框中的某些内容在预览中没有更新。 此外,当我以编程方式更改模型时,文本框中没有更改。

我初始化它 -

@Component({}) 
export class .... { 
    myModel: any; 
    constructor(){ 
    this.myModel = { 
     id: uniqid, 
     name: { 
      title: '', 
      styles: {} 
     } 
    } 
... 
} 

回答

1

我想你需要这样初始化myModel对象的组件包含你输入:

constructor() { 
    this.myModel = { 
    name: {} 
    } 
} 
+0

我初始化它 - 这样的构造 - myModel = { id:uniqid, title:{ string:'', styles:{} }, } –

+0

是的,但是由于您使用'myModel.name.title',所以'name'还有另一个级别... –

+0

是的,请参阅有关编辑... –