離子應用程序從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數據庫中檢索數據

回答

相關問題