在Angular Dart中，提交隐藏的表单输入字段被jquery改变了。

Question

一个Angular Dart表格有这样的输入字段。

<input  id="idX"   type="number" step="any" [(ngModel)]="mdl.x" ngControl="slrLocPtXCtrl" >

如果我通过javascript更改这个字段的值，它在表单上显示更改后的值，但是当我提交表单时，model mdl.x并没有用更改后的值更新。

java脚本是

 $("#idX").val(20).trigger("change"); // trigger(input)  also  does not work

我怎样才能让模型反映出改变后的值？ 另外，一旦开始工作，我想让这个输入字段隐藏起来。 我需要做什么额外的修改才能让它工作？

Answer 1

在你的typescript中写上this.mdl.x = 20。为什么你要通过javascript来改变文本框的值，因为只要你在typescript中更新属性，它就会自动显示在输入框中。