Javascript AngularJS动态表单值未在提交时由angular拾取

Javascript AngularJS动态表单值未在提交时由angular拾取,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我在一个带有角度模型的页面上有一些表单输入,但它们的一个值是在执行一些图像上传后通过jquery调用动态设置的 <input class="form-control ng-dirty ng-valid ng-valid-required" id="name" ng-model="item.name" required="required" name="name" type="text" value=""> <input class="form-control ng-

我在一个带有角度模型的页面上有一些表单输入,但它们的一个值是在执行一些图像上传后通过jquery调用动态设置的

  <input class="form-control ng-dirty ng-valid ng-valid-required" id="name" ng-model="item.name" required="required" name="name" type="text" value="">

   <input class="form-control ng-dirty ng-valid ng-valid-required" id="url" ng-model="item.url" required="required" name="url" type="text" value="">

   <input class="form-control" id="imgname" ng-model="item.imgname" required="required" name="imgname" type="text" value="">
我通过以下方式将代码添加到表格中:

  ...
  complete : function(imgname){
      JQ('#imgname').val(imgname);
  },...

如何添加数据并让表单在提交时提取数据?

您不能通过Jquery设置ng模型值。相反,您必须在控制器中的某处填充名为item.imgname的作用域,如$scope.item.imgname=Hello
在“提交”按钮上,您可以获得整个模型项。。。您肯定会在item.imgname模型中具有该值

事实上,在进行了几次尝试并检查了我的代码之后,我首先必须更正输入类型,因为我将其设置为URL而不是文本类型,因此它总是会导致问题等

不管怎样,一旦分类,我就把

       $scope.item = {};
在我的控制器内

然后更换了

     JQ('#imgname').val(imgname);
对于$scope值

    complete : function(imgname){

       $scope.item.img = imgname;

    }....

然后,一旦上传了图像,然后表单字段按上述方式填充。另一个表单详细信息是img字段随表单一起提交。

是的!当我在submit上测试它并在那里静态地输入值时,我认为模型将采用wehn动态设置的值,但感谢计算
     JQ('#imgname').val(imgname);
    complete : function(imgname){

       $scope.item.img = imgname;

    }....