Javascript Can';t从ng repeat获取数据
当我使用ng repeat显示php中的json数据时,它可以工作,但当我使用按钮的数据时,它无法绘制一些数据。http my controller.js中的我的数据图形纬度和经度Javascript Can';t从ng repeat获取数据,javascript,angularjs,angularjs-ng-repeat,Javascript,Angularjs,Angularjs Ng Repeat,当我使用ng repeat显示php中的json数据时,它可以工作,但当我使用按钮的数据时,它无法绘制一些数据。http my controller.js中的我的数据图形纬度和经度 .controller('HomeCtrl', function ($scope, kaka, $ionicPopup, $http){ $scope.item ={}; $scope.code = {}; $scope.sizes = [ {cod
.controller('HomeCtrl', function ($scope, kaka, $ionicPopup, $http){
$scope.item ={};
$scope.code = {};
$scope.sizes = [ {code: 123456789, name: 'Modul 1'}, {code: 864369038796946, name: 'Modul 4'},
{code: 864369038803833, name: 'Modul 5'}, {code: 864369038816645, name: 'Modul 6'},
{code: 864369038797142, name: 'Modul 7'}, {code: 864369038796698, name: 'Modul 8'}];
$scope.update = function(selected) {
$scope.item = selected;
};
$scope.rlockbtn = function () {
kaka.rlock($scope.item.code).success(function (data) {
var alertPopup = $ionicPopup.alert({
title: $scope.item.code,
template: 'Lock'
});
}).error(function (data) {
});
};
$http.get("http://192.168.100.13:88/OMG1/web.php?tN=find")
.then(function(response) {
$scope.myWelcome = response.data;
});
$scope.find = function () {
var mylatlng = {lat: $scope.myWelcome.latitude, lng: $scope.myWelcome.longitude};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: {lat: -7.3342266, lng: 112.7650341},
//center: {lat: data[0].lat, lng: data[0].lng},
mapTypeId: 'terrain'
});
var marker = new google.maps.Marker({
position: mylatlng,
map: map,
title: 'Your Motor'
});
};
)}
这是我的html代码
<script src="angular.min.js"></script>
<ion-view view-title="Home">
<ion-content style="background-color:#818181; background-size: cover;">
<ion-item class="row item-text-wrap " >
<div class="col" style="height: 300px;padding: 0px" id="map" data-tap-disabled="true"></div>
</ion-item><br>
<form name="form">
<div class="button-bar">
<div>
<select ng-options="size as size.code for size in sizes " ng-model="item" style="background-color:#4d94ff;color: white"ng-change="update(item)"></select>
</div>
</div>
<div>
<ul>
{{myWelcome}}
<li ng-repeat="x in myWelcome" >
{{ x.latitude}}
{{ x.longitude}}
</li>
</ul>
<button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="rlockbtn()" >Lock</button>
<button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="unlock()" >Unlock</button>
<button class="btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="engine()" >Engine Off</button>
</div>
</form>
<div class="button-bar">
<button class="icon ion-ios-location btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="find()" > Find</button>
<button class="icon ion-map btn btn-success btn-lg" style="background-color:#4d94ff;color: white" ng-click="tracking()" > Tracking</button>
</div>
</ion-content>
</ion-view>
{{myWelcome}}
-
{{x.纬度}}
{{x.经度}}
锁
解锁
熄火
发现
追踪
请帮我解决我的问题我不确定,但它看起来像是您的myWelcome。纬度和经度是数组,因此应该是:
<ul>
{{myWelcome}}
<li ng-repeat="x in myWelcome.latitude" >
{{ x}}
</li>
<li ng-repeat="x in myWelcome.longitude" >
{{ x}}
</li>
</ul>
{{myWelcome}}
-
{{x}
-
{{x}
您能告诉我们确切的问题是什么,这样我们就不必浪费时间猜测了吗?当您使用按钮的数据时,您的意思是什么?显示出错的示例请使用一些按钮确定位置(纬度和经度)如果我单击按钮,我不能使用纬度和经度来做一些标记,但在UI(h1)中,纬度和经度可以正确显示OK,我看到了查找功能。myWelcome是一个数组,因为您使用它在ng repeat中进行迭代。所以当您说var mylatng={lat:$scope.myWelcome.latitude,lng:$scope.myWelcome.longitude};这是错误的。因为您没有声明索引,并试图从数组而不是包含的对象获取属性纬度。