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() 메서드의 무료 평가판은 실제로 json의 모든 데이터를 나타내므로 나중에 배열을 가져오려고 할 때 이를 수행할 수 없습니다. 이렇게 받으세요.

다음과 같이 받아들여야 합니다: 🎜 으아악

Answer 2

절대 경로를 먼저 구성한 후 성공하고 다른 문제가 없으면 상대 경로로 변경할 수 있습니다.

Answer 3

절대 경로를 먼저 구성한 후 성공하고 다른 문제가 없으면 상대 경로로 변경할 수 있습니다.

Answer 4

꺼내셨나요?
나도 못 꺼냈어

Answer 5

404 오류라면 get의 json 데이터를 가져오지 못했다는 뜻입니다. 즉, json 경로에 문제가 있다는 뜻입니다.
하지만:

으아아아

올바른 가져오기 방법은 다음과 같아야 합니다.

으아아아

데이터의 역할:angular.js 소스 코드 참조

으아아아