2014-01-16 61 views
1

我剛開始使用AngularJS在網頁上動態顯示json數據。我之前使用過外部json文件的ng-repeat,但是當我在數組之前添加數據時,它不再適用於IE和Chrome,但是在firefox中顯示了一個螢火蟲錯誤。我相信我的語法是正確的,但顯然有些問題是錯誤的,我無法弄清楚。AngularJS「格式不正確」,但仍在Firefox中顯示

這裏是我的確切代碼:

HTML

<html ng-app> 
    <script src="angular.min.js"></script> 
    <script src="dumctrl.js"></script> 
    <head> 
    <title>AngularJS Dummy Page</title> 
    </head> 
    <body ng-controller="AppCtrl"> 
    <table border="1px"> 
     <tr> 
     <th>{{log.name}}</th> 
     <th>{{log.xname}}</th> 
     <th>{{log.yname}}</th> 
     </tr> 
     <tr> 
     <th>ID</th> 
     <th>X</th> 
     <th>Y</th> 
     </tr> 
     <tr ng-repeat="entry in log.entries"> 
     <td>{{entry.id}}</td> 
     <td>{{entry.x}}</td> 
     <td>{{entry.y}}</td> 
     </tr> 
    </table> 
    </body> 
</html> 

dumctrl.js

function AppCtrl($scope, $http) { 
    $http.get('dummy.json').success(function(data) { 
    $scope.log = data; 
    }); 
} 

dummy.json

{ 
    "name":"dummy", 
    "xname":"xdummy", 
    "yname":"ydummy", 
    "entries":[ 
    { 
     "id":0, 
     "x":0, 
     "y":0 
    }, 
    { 
     "id":1, 
     "x":1, 
     "y":0 
    } 
    ] 
} 

的JSON是有效的,它表明預期的產出ff,我只是不知道什麼是錯的。

+0

什麼是你從螢火蟲 – Brad

+0

獲得可能是同一來源的語法錯誤來源安全問題 - 這將解釋來自不同瀏覽器的不同行爲。 –

+0

布拉德:即將補充說,螢火蟲說dummy.json行上沒有很好地形成1 char 1 比利月亮:我不知道這是問題,因爲我幾乎有這個副本,只有一個數據json中的數組,每次都能正常工作。唯一的區別是在條目之前添加名稱字段。 – farraman

回答

0

我認爲這個問題在於[{}]

我剛剛創建的空間JSFiddle它工作得很好:

var myApp = angular.module('myApp',[]); 
function myCtrl($scope) 
{  
    $scope.log = { 
    "name":"dummy", 
    "xname":"xdummy", 
    "yname":"ydummy", 
    "entries":[{ 
     "id":0, 
     "x":0, 
     "y":0 
    }, 
    { 
     "id":1, 
     "x":1, 
     "y":0 
    }] 
}; 

} 
相關問題