angularjs-无法使用jQuery提交文本框中的数据集

版本2

我有一个利用Google Maps的Places API的表单。我的表单具有以下字段:
1)用于输入名称的文本框。
2)提取Google地址的文本框。
3)可以保存谷歌地址纬度的文本框。
4)文本框,可保存来自Google地址的经度。

我正在尝试将所有这些值传递给后端服务,但是places api设置的值没有作为参数传递给服务:

这是我的HTML:

<div ng-app="myApp" ng-controller="myMap">
  <form name="addForm" ng-submit="vm.addForm()" novalidate>
    <div class="form-group">
      <input type="text" name="name" id="name" ng-model="vm.name" placeholder="Name" />
      <h2>Address</h2>
      <input type="text" id="source_point" name="source_point" ng-model="vm.source_point" placeholder="Enter address here">
      <input type="text" id="src_lat" name="src_lat" ng-model="vm.src_lat" placeholder="latitude">
      <input type="text" id="src_long" name="src_long" ng-model="vm.src_long" placeholder="longitude">
    </div>
    <button type="submit">Add Data</button>
  </form>
</div>
<div id="source_map"></div>

我的控制器看起来像这样:

angular.module('myApp', [])
  .factory('myService', function($http) {})
  .controller('myMap', function(myService, $http, $scope) {

    var vm = this;
    var map;
    var marker;
    var latLngC;

    var places1 = new google.maps.places.Autocomplete(document.getElementById('source_point'));
    google.maps.event.addListener(places1, 'place_changed', function() {
      var place1 = places1.getPlace();

      var src_addr = place1.formatted_address;
      var src_lat = place1.geometry.location.lat();
      var src_long = place1.geometry.location.lng();

      var mesg1 = "Address: " + src_addr;
      mesg1 += "\nLatitude: " + src_lat;
      mesg1 += "\nLongitude: " + src_long;

      document.getElementById('src_lat').value = src_lat;
      document.getElementById('src_long').value = src_long;
    });

    $scope.post = {};
    $scope.post.addForm = [];
    $scope.vm = {};
    $scope.index = '';
    var baseUrl = 'api/';
    // function to submit the form after all validation has occurred
    vm.addForm = function() {
      var dataPost = {
        eventName: $scope.vm.name,
        eventLocation: $scope.vm.source_point,
        eventLocLat: $scope.vm.src_lat,
        eventLocLong: $scope.vm.src_long
      };
      return $http({
        method: 'post',
        url: baseUrl + 'addFormData',
        data: dataPost,
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      });
    }
  });

这里是一块

可能是什么原因?

西尔维努斯

输入经度和纬度的设置器是错误的:

$scope.$apply(function() {
    $scope.vm.src_lat = src_lat;
    $scope.vm.src_long = src_long;
  });

代替

document.getElementById('src_lat').value = src_lat;
  document.getElementById('src_long').value = src_long;

将值放入范围和角度将使其余的:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我无法使用AngularJs将数据从文本框添加到数据库

来自分类Dev

使用AngularJS使数据绑定输入文本框可更新

来自分类Dev

在angularjs的文本框中显示建议

来自分类Dev

使用AngularJS从JSON中提取数据库中的数据并将其显示在文本框中

来自分类Dev

选择后无法清除文本框中的AngularJS建议文本

来自分类Dev

在AngularJS的文本框中清除值,而无需在ng-model中处理数据

来自分类Dev

AngularJS文本建议文本框

来自分类Dev

AngularJS文本建议文本框

来自分类Dev

在angularJs中编写搜索文本框的正确方法

来自分类Dev

如何在angularJs Factory中检查文本框isEmpty?

来自分类Dev

如何在angularjs的文本框中只允许数字?

来自分类Dev

访问控制器中的 angularjs 文本框值

来自分类Dev

如何根据angularjs中的下拉值验证文本框?

来自分类Dev

将字符附加到 Angularjs 中的文本框

来自分类Dev

在angularjs中使用单个文本框加上减号

来自分类Dev

使用AngularJS清除绑定的SmartTable文本框

来自分类Dev

使用AngularJS在文本框中需要两个单词

来自分类Dev

如何使用AngularJs在两个文本框中实现双向绑定?

来自分类Dev

使用angularjs从控制器将localstorage值放置在文本框中

来自分类Dev

如何使用AngularJS在文本框中限制特殊字符和字母的复制粘贴

来自分类Dev

如何使用DevExtreme在angularJS中获得自动填充文本框值

来自分类Dev

如何使用angularjs根据下拉列表中的选择添加新文本框?

来自分类Dev

AngularJS:设置文本框自动对焦

来自分类Dev

单击AngularJS页面中的任何链接时,如何清除angularJS中的文本框

来自分类Dev

单击angularjs函数的某些按钮时如何提交文本框值?

来自分类Dev

如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

来自分类Dev

SSRS:使用参数从文本框中调用数据集

来自分类Dev

为什么在使用ng-model时AngularJS没有在文本框中设置length属性

来自分类Dev

像AngularJS一样的Vanilla Javascript文本框数据绑定

Related 相关文章

  1. 1

    我无法使用AngularJs将数据从文本框添加到数据库

  2. 2

    使用AngularJS使数据绑定输入文本框可更新

  3. 3

    在angularjs的文本框中显示建议

  4. 4

    使用AngularJS从JSON中提取数据库中的数据并将其显示在文本框中

  5. 5

    选择后无法清除文本框中的AngularJS建议文本

  6. 6

    在AngularJS的文本框中清除值,而无需在ng-model中处理数据

  7. 7

    AngularJS文本建议文本框

  8. 8

    AngularJS文本建议文本框

  9. 9

    在angularJs中编写搜索文本框的正确方法

  10. 10

    如何在angularJs Factory中检查文本框isEmpty?

  11. 11

    如何在angularjs的文本框中只允许数字?

  12. 12

    访问控制器中的 angularjs 文本框值

  13. 13

    如何根据angularjs中的下拉值验证文本框?

  14. 14

    将字符附加到 Angularjs 中的文本框

  15. 15

    在angularjs中使用单个文本框加上减号

  16. 16

    使用AngularJS清除绑定的SmartTable文本框

  17. 17

    使用AngularJS在文本框中需要两个单词

  18. 18

    如何使用AngularJs在两个文本框中实现双向绑定?

  19. 19

    使用angularjs从控制器将localstorage值放置在文本框中

  20. 20

    如何使用AngularJS在文本框中限制特殊字符和字母的复制粘贴

  21. 21

    如何使用DevExtreme在angularJS中获得自动填充文本框值

  22. 22

    如何使用angularjs根据下拉列表中的选择添加新文本框?

  23. 23

    AngularJS:设置文本框自动对焦

  24. 24

    单击AngularJS页面中的任何链接时,如何清除angularJS中的文本框

  25. 25

    单击angularjs函数的某些按钮时如何提交文本框值?

  26. 26

    如何使用AngularJS将值从1个文本框绑定到C#中的另一个文本框

  27. 27

    SSRS:使用参数从文本框中调用数据集

  28. 28

    为什么在使用ng-model时AngularJS没有在文本框中设置length属性

  29. 29

    像AngularJS一样的Vanilla Javascript文本框数据绑定

热门标签

归档