0
私はJSONファイルを持っています 私は角度を使ってJSONファイルをロードしていますが、私はおそらく非常に明白な質問だと思っていますが、私はどこでも答えを見つけることができませんでした ここでは、角度を使用してファイルからJsonオブジェクトをロードするには？
var jsonRead = angular.module('app', []);
jsonRead.controller('controller', function($scope,$http){
$scope.countries=null;
$http.get("countries.json").success(function(result){
$scope.countries = result;
}).error(function(result) {
/* Act on the event */
console.log("there was an error");
});
});
<body>
<h1>Sample Application</h1>
<div ng-app="app">
<div ng-controller="controller">
<p>Enter your Name:
<input type="text" ng-model="name">
</p>
<p>Hello <span ng-bind="name"></span>!</p>
<p>List of Countries with locale:</p>
<ol>
<li ng-repeat='country in countries '>
{{ country.name }}
</li>
</ol>
</div>
</div>
<script src="libs/angular.js"></script>
<script src="script/jsonRead.js"></script>
</body>
角度のすべての例は、これだけのようなものを示しているだけで、角使っていくつかのJSONデータファイルをロードしようとしていますが、その期待従わない、まだ私の問題 を解決するために何頁ではありません
とjsonファイル：
{
"countries":[
{
"locale":"en-US",
"name":"United States"
},
{
"locale":"en-GB",
"name":"United Kingdom"
},
{
"locale":"en-FR",
"name":"France"
}
]
}
問題は、私は は、このコントローラコードが動作しないだけでなく、contries.jsonファイルに他のページからコードをロードすることができないということですが、それは私の$のcontriesコードを破壊し、HTMLが実際に私の生の角度変数を表示させます。