angular.js - Bagaimana untuk membaca json tempatan dengan angularjs?

Question

Saya membaca text.json dan menetapkannya kepada $scope.data, tetapi tiada respons apabila menggunakan ng-repeat dalam html. Bagaimanakah saya boleh menulis data baca ke lokasi yang sepadan dalam halaman html?
ps: Apabila kod ini dijalankan, ralat berlaku mengatakan bahawa laluan ke fail json tidak boleh ditemui 404.
js:

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

Data dalam 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;
 });