温馨提示:本文翻译自stackoverflow.com,查看原文请点击:angular - "[(ngModel)]" not binding in Ionic 4
angular ionic-framework ionic4

angular - 在离子4中未绑定“ [(ngModel)]”

发布于 2020-04-08 12:21:32

我正在构建一个Ionic应用程序,当前正在从Ionic 3迁移到4。我有一些代码可以在Ionic 3中完美地工作,但在4中却不能。基本上,我似乎无法将数据绑定到[[ngModel)]在输入字段中。我已经导入FormsModule,并将其添加到我的导入中app.module.ts我的-component.ts文件如下所示:

export class SomeComponent implements OnInit {
  someString: string = "test";
  ...
}

和我的 -component.html

<ion-input type="text" [(ngModel)]="someString"></ion-input>
{{someString}}

现在在我的应用程序中,{{someString}}正确显示“测试”。但是,更改输入的值不会someString以任何方式影响变量。我可能会缺少什么?

查看更多

提问者
che-azeh
被浏览
98
che-azeh 2020-02-01 11:42

奇怪的是,Ionic 4输入文档没有提到ngModel,而是谈论了value属性。所以我想,我将替换[(ngModel)][value]

<ion-input type="text" [value]="someString"></ion-input>

为了能够在我的-component.ts文件中访问该值,我需要执行以下操作:

-component.html

<ion-input type="text" [value]="someString" (input)="do_something($event)"></ion-input>

-component.ts

do_something($event) {
  this.someString = $event.target.value;
}