Question

这对于角度1来说非常简单，但不知怎的，我无法使用Angular 2。

让我说在我的组件中，我有一个模型 - myModel.name.title ，并在其构造函数中设置了一些值，有一个类型为text的输入（下面）在修改值的模板中： -

<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: {}
        }
   }
...
}

Answer 1

我认为您需要在包含输入的组件中以这种方式初始化myModel对象：

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

Angular2 - 文本框输入标记的2路绑定

1 个答案: