离子应用程序从sql数据库中检索数据

我建立一个离子应用程序来与mysql服务器进行交互。我试图从本地主机上的sql数据库检索数据，通过请求一个php文件检索数据并在web浏览器中以json格式输出它，在我的应用程序中，http get（）执行时没有错误，但它不显示任何应用程序。这里是我的app.js：离子应用程序从sql数据库中检索数据

project.controller("myController", function($scope, $http) { 
$scope.getData = function() { 
    $http.get("http://localhost/server.php") 
     .success(function(data) { 

     $scope.id = data.Id; 
     $scope.name = data.Name; 
     $scope.model = data.Model; 
     $scope.caryear = data.CarYear; 
     $scope.esize = data.EngineSize; 
     $scope.etype = data.EngineType; 
     $scope.fuel = data.FuelType; 
     $scope.doors = data.Doors; 
     $scope.price = data.Price; 
    }) 
     .error(function(data) { 
     alert("something is wrong"); 
    }) 
    } 

});

和index.html：

<script type="text/ng-template" id="car2.html"> 
    <ion-view view-title="Car 2"> 
     <ion-content ng-controller="myController" ng-init="getData()"> 
      <div> 
       <h2>Car 2</h2> 
       <br> 
       ID: {{id}} 
       <br> 
       Name: {{name}} {{model}} 
       <br> 
       Car Year: {{caryear}} 
       <br> 
       Engine Size: {{esize}} 
       <br> 
       Engine Type: {{etype}} 
       <br> 
       Fuel: {{fuel}} 
       <br> 
       Doors: {{doors}} 
       <br> 
       Price: {{price}} 
      </div> 
     </ion-content> 
    </ion-view> 
</script>

php文件的输出：

[{"Id":"1","Name":"BMW","Model":"M5","CarYear":"2005","EngineSize":"5.0","EngineType":"V10","FuelType":"Petrol","Doors":"4","Price":"25000.00"}]

我曾与Access错误地允许，但我需要添加头文件到我的PHP文件，这些都解决了。有什么建议，为什么数据不显示在应用程序，在此先感谢。

来源

2016-02-29 edvalas

做好后续点的规则，而在角范围

$scope.model = {};

定义模型，所有的属性，以$ scop.model LIK

$scope.model = data; //is sufficient

详细answer here

来源

2016-02-29 19:02:43

我改变了所有的属性和它的工作原理但我所有的{{id}}标签在html中现在都显示给整个json对象，我是否应该解析/分解它，或者如何引用id，name等每个部分？ – edvalas

改为{{model.id}}和{{model.name}}。 –

不能相信我坚持这么简单的东西，我不能让我的头绕着这个符号，并没有完全明白你的意思是$ scope.model = {};我已经看过详细的答案和其详细的 – edvalas

离子应用程序从sql数据库中检索数据

回答

相关问题