2016-05-23 168 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

是的,請參閱有關編輯... –