我正在构建一个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
以任何方式影响变量。我可能会缺少什么?
奇怪的是,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;
}