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

404 が表示されたということは、json が見つからなかったことを意味しており、パス エラーであるはずですjson咯，应该是路径错误

还有你的success()方法里面的freetrial

success() メソッドの freetrial は実際には json のすべてのデータを表すため、後で配列を取得したい場合は次のようになります到達不能。

は次のように解釈する必要があります: #🎜🎜# リーリー

Answer 2

最初に絶対パスを設定し、成功して他に問題がなければ相対パスに変更することができます。

Answer 3

最初に絶対パスを設定し、成功して他に問題がなければ相対パスに変更することができます。

Answer 4

取り出しましたか？
取り出せなかった

Answer 5

404エラーの場合は、getのjsonデータが取得できていない、つまりjsonパスに問題があることを意味します。コードをコピーして試してみたところ、データが取得できることがわかりました。パスが正しい場合は
は表示されません:

リーリー

正しい get メソッドは次のようになります:

リーリー

データの役割: angular.js ソースコードを参照

リーリー