anglejs의 ng-model에서 자동 완성 lat 값을 얻고 mongoose를 사용하여 mongodb에 저장하는 방법

나는 여러 개의 픽업 및 드롭 위치에 대해 반복되는 div가 있습니다.anglejs의 ng-model에서 자동 완성 lat 값을 얻고 mongoose를 사용하여 mongodb에 저장하는 방법

위치를 위도을 선택하고 경도가 숨겨져에 표시됩니다 것은 컨트롤러 코드

$scope.pickUpItems = [{pickUpLocation_1: '', latitudePick_1: '', longitudePick_1:'', pickUpDatepicker_1:'' , pickUpTimePicker_1: '', pickUpDescription_1:''}]; 
$(".placepicker").placepicker(); 
$scope.addMorePickUpLocations = function(){ 
    $(".placepicker").placepicker(); 
    $scope.pickUpItems.push({ 
     pickUpLocation_1:"", 
     latitudePick_1:"", 
     longitudePick_1:"", 
     pickUpDatepicker_1:"", 
     pickUpTimePicker_1:"", 
     pickUpDescription_1:"" 
    }); 
};

그러나 검색 자동 완성에

를 사용하여 반복

<div class="pickUpLocationSection" ng-repeat="pickUp in pickUpItems"> 
<div class="pick" id="pick1"> 
    <div class="form-group pickup" id="pickup1"> 
     <label class="control-label col-sm-2" for="fleet-type">Pickup Location</label> 
     <div class="col-sm-5"> 
      <div id="custom-search-input"> 
       <div class="input-group col-md-12"> 
        <input type="text" class="search-query form-control placepicker" placeholder="Enter Location" id="pickUpLocation" data-latitude-input="#latitudePick_1" ng-model="pickUp.pickUpLocation_1" data-longitude-input="#longitudePick_1" /> 
        <!-- <input type="hidden" class="pickPlace" ng-model="pickPlace_1" id="pickPlace_1" /> --> 
        <input type="text" class="latPick" id="latitudePick_1" ng-model="pickUp.latitudePick_1" /> 
        <input type="text" class="longPick" id="longitudePick_1" ng-model="pickUp.longitudePick_1" /> 
        <span class="input-group-btn"> 
              <button class="btn btn-danger" type="button"> 
              <span class=" glyphicon glyphicon-search"></span> 
        </button> 
        </span> 
       </div> 
      </div> 
     </div> 
    </div> 
    <div class=" form-group"> 
     <label class="control-label col-sm-2" for="customer-name"></label> 
     <div class="col-sm-2 border-dotted"> 
      <div id="custom-search-input"> 
       <div class="input-group col-md-12"> 
        <div class="input-group date" data-provide="datepicker"> 
         <input type="text" ng-model="pickUp.pickUpDatepicker_1" class="form-control pickUpDatepicker_1"> 
         <div class="input-group-addon"> 
          <span class="glyphicon glyphicon-th"></span> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="col-sm-2 p-l-0 border-dotted"> 
      <div class="input-group bootstrap-timepicker timepicker"> 
       <input type="text" ng-model="pickUp.pickUpTimePicker_1" class="form-control input-small pickUpTimePicker"> 
       <div class="input-group-addon"> 
        <span class="glyphicon glyphicon-time"></span> 
       </div> 
      </div> 
     </div> 
     <div class="col-sm-2 p-l-0 border-dotted"> 
      <div id="custom-search-input"> 
       <div class="input-group col-md-12 p-l-0"> 
        <input type="text" ng-model="pickUp.pickUpDescription_1" class="pickUpDescription_1 search-query form-control" placeholder="Description" /> 
       </div> 
      </div> 
     </div> 
     <div class="col-sm-2 p-l-0 border-dotted pick_div"> 
      <span class="pick_span"><a class="btn btn-success addMorePickUpLocations" ng-click="addMorePickUpLocations()" id="1"><i class="fa fa-plus" aria-hidden="true"></i></a></a></span> 
     </div> 
    </div> 
</div>

index.html을 텍스트 상자가 있지만 ng 모델에서 가져 오지는 않습니다. 이것 좀 도와주세요. 미리 감사

출처

2017-09-25 Shankar Sughosh

HTML 코드 : 만들기 함대를 <= NG 클릭 "제출 (pickUpItems이)", "제출"버튼 클래스 = "btn을 BTN-성공"유형> 을 내 컨트롤러의 코드 : var fleetData = {}; $ scope.submit = function() {\t \t \t \t console.log (JSON.stringify ($ scope.pickUpItems)); } 위의 코드를 $ scope.pickUpItems –

index.html을

<html> 
<head> 
<script data-require="[email protected]" data-semver="1.2.0-rc2" src="http://code.angularjs.org/1.2.0-rc.2/angular.js"></script> 
<script src="https://rawgithub.com/arunisrael/angularjs-geolocation/master/dist/angularjs-geolocation.min.js"></script> 
<script src="script.js"></script> 
</head> 
<body ng-app="myApp"> 
<div ng-controller="mainCtrl"> 
    <p>Your location is: {{coords}}</p> 
</div>

컨트롤러 코드

angular.module('myApp',['geolocation']) 
.controller('mainCtrl', function ($scope,geolocation) { 
$scope.coords = geolocation.getLocation().then(function(data){ 
    return {lat:data.coords.latitude, long:data.coords.longitude}; 
});

});

각 지리적 위치

를 설치

bower install angularjs-geolocation

저장을위한

출처

2017-09-25 10:33:56

위 코드에 저장하려면 표시 값을 반복하십시오. –

anglejs의 ng-model에서 자동 완성 lat 값을 얻고 mongoose를 사용하여 mongodb에 저장하는 방법

답변

관련 문제