angular.js - 如何用angularjs读取本地json？

Question

我读取了text.json，并且赋值到$scope.data里了,在html中用ng-repeat没有反应。请问怎么样才能让读取出来的数据分别写到html页面里对应的位置去？
ps:这段代码运行时报错说，找不到json文件的路径404.
js:

 function dataController($http,$scope) {
 $http.get("json/text.json").success(function(freetrial) { alert(freetrial);$scope.data = freetrial;});

json里的数据:

{"freetrial":[{
"id": "01",
"imgurl": "images/1.jpg",
"status": "0"
},
{
"id": "02",
"imgurl": "images/2.jpg",
"status": "1"
}
]}

html:

<p ng-controller="dataController" ng-repeat="x in data|filter:{status:'0'}">
<p id="{{x.id}}">
<img ng-src="{{x.imgurl}}" />
</p>
</p>

Answer 1

Memandangkan ia telah menggesa 404, yang bermaksud json tidak ditemui, ia sepatutnya menjadi laluan yang salah

Dan success() dalam kaedah freetrial anda sebenarnya mewakili semua data json, jadi anda tidak akan dapat mendapatkannya apabila anda ingin mendapatkan tatasusunan nanti.

hendaklah diambil seperti ini:

 function dataController($http,$scope) {
     $http.get("json/text.json").success(function(data) {
         $scope.data = data.freetrial;
     });
 }

Answer 2

Anda boleh mengkonfigurasi laluan mutlak dahulu, dan kemudian menukar kepada laluan relatif jika ia berjaya dan tiada masalah lain.

Answer 3

Anda boleh mengkonfigurasi laluan mutlak dahulu, dan kemudian menukar kepada laluan relatif jika ia berjaya dan tiada masalah lain.

Answer 4

Sudahkah anda mengeluarkannya?
Saya tidak dapat mengeluarkannya

Answer 5

Jika ia adalah ralat 404, ini bermakna data json get belum diperoleh, iaitu, terdapat masalah dengan laluan json saya menyalin kod anda dan mencubanya data tidak akan dipaparkan pada halaman di atas.
Tetapi:

function dataController($http,$scope) {
$http.get("json/text.json").success(function(freetrial) {   
        alert(freetrial);
        $scope.data = freetrial;
        console.log($scope.data);//可以打印出数据
    });
};

Kaedah get yang betul hendaklah:

function dataController($http, $scope) {
    $http.get("rightUrl").success(function(data) {
        $scope.data = data.freetrial;
    });
};

Peranan data: rujuk kod sumber angular.js

 $http.get('test_data.json', 
     {cache: $templateCache}).success(function(userComments){
       self.userComments = userComments;
 });