textfield使用ng-model以编程方式更新文本

时间:2015-06-07 22:18:02

标签: javascript jquery angularjs

我在编辑表单中有一个与jQuery颜色选择器关联的html文本字段

<input type="text" class="colorpicker-default form-control" ng-model="data.color" />

文本字段中的值是由颜色选择器设置的,我确实看到类添加了ng-touched,但是当我提交表单时,除了这个之外,所有其他值都会被提交。

如果键盘未输入值并由颜色选择器设置,是否会出现问题?

修改 我只是做了一个测试,当我手动输入时,data.color会更新并提交,但不会在颜色选择器设置值时

临时解决方案:

以编程方式更新$ scope.data.color

this.$scope.data.color = document.getElementById("color").value;

1 个答案:

答案 0 :(得分:0)

将其添加到颜色选择器在选择时调用的函数的底部:

$scope.$apply();

听起来颜色选择器与角度无关,因此需要将角度更新为超出其范围的事物。