AngularJS $http.get php 文件 - $injector:modulerr

Question

我有这个文件 api.php

require_once 'db.php';
$con = mysql_connect($host,$user,$pass);
$dbs = mysql_select_db($databaseName, $con);
$query=mysql_query("SELECT * FROM $tableName") or die(mysql_error());
$arr[];
while($obj = mysql_fetch_object($query)) {
    array_push($arr, $obj);
}

echo $json_response = json_encode($arr);

它正在抓取我需要的所有数据。

然后我试图将这些数据放入我的 $scope 中...

// The controller
function InstantSearchController($scope, $http){
 $http.get('api.php').success(function(data) {
     $scope.items = data;
     $scope.items = [
          image : data['icon'],
          english : data['english'],
          british : data['british']
     ];
 });
}

但如果我像这样对数据进行硬编码，这确实有效。

function InstantSearchController($scope){
  $scope.items = [
    {
      english: 'English A',
      british: 'British A',
      image: 'images/advil.jpg'
    },
    {
      english: 'English B',
      british: 'British B',
      image: 'images/advil.jpg'
    }
    ]
}    

这是我在控制台中看到的错误

Uncaught SyntaxError: Unexpected token : js/angular.js:44 未捕获的错误：[$injector:modulerr]http://errors.angularjs.org/1.2.15/$injector/modulerr?p0=instantSearch&p1=E...larjs.org%2F1.2.15%2F%24injector%2Fnomod%3Fp0%3DinstantSearch%0A%20%20%20%。 .....1)

这是小提琴尝试响应#1

http://jsfiddle.net/XgsWU/

这个是响应#2

http://jsfiddle.net/JGjyS/

Answer 1

对于以后可能会阅读此内容的任何人，我发现我的问题出在我的控制器调用中，并且我已更改/更新为此并且效果很好！

app.controller('InstantSearchController', ['$scope', '$http', function($scope, $http) {
     $http.get('inc/api.php').success(function(itemData) {
     $scope.items = itemData;
   });
}]);

Answer 2

意外令牌:。这是来自：

$scope.items = [
      image : data['icon'],

您应该使用$scope.items = {...}，因为您需要一个带有键值对的 JavaScript 对象，而不是数组。

您似乎还想循环 data 并将项目推送到数组中：

$scope.items = [];
data.forEach(function (datum) {
    $scope.items.push({
        image: datum.icon,
        english: datum.english,
        british: datbum.british,
    });
});

Answer 3

这里有语法错误：

$scope.items = [
      image : data['icon'],
      english : data['english'],
      british : data['british']
 ];

应该是：

$scope.items = [
      {image : data['icon'],
      english : data['english'],
      british : data['british']}
 ];