Javascript 如何将json文件加载到Angularjs中，以便ng repeat

我有一个简单的json文件，其中包含艺术家姓名列表，如

["Vincent van Gogh", "Leonardo da Vinci", "Pablo Picasso"]

我不知道如何将这个外部json文件加载到angularjs数组中并在其上使用ng repeat。我尝试的非工作代码是：

<tr ng-repeat="artist in artists">
    <td>{({ artist })}</td>
    <td></td>
</tr>

<script>
var artApp = angular.module('artApp', []);

artApp.config(function($interpolateProvider){
    $interpolateProvider.startSymbol('{({').endSymbol('})}');
});

artApp.controller('mycontroller', function($scope,$http){
   $scope.artists = [];
   $http.get('/home/user/artist_names.json').success(function(data) {
      angular.forEach(data.MainRegister,function(entry) {
         $http.get(entry.url).
          success(function(data) {
            $scope.artists.push(angular.extend(entry,data.SubInformation);
         });
      });
   });
});
</script>

---

此控制器代码不仅不起作用，而且它破坏了我的$interpolateProvider代码，使html实际显示我的原始角度变量。

底部的示例链接，用于ng repeat

artApp.controller('TodoCtrl', function($scope, $http) {
$http.get('/home/user/artist_names.json')
       .then(function(result){
          $scope.artists = result.data;                
        });
});

在html中

来自詹姆

---

我在Azure中托管的节点服务器和修复程序中遇到了此问题 是为了确保JSON文件的mime类型设置正确。我是 在azure中托管意味着确保web.config与 正确的设置，但我不确定Django需要什么。没有 服务器报告404的正确mime类型，如您所述

---

来自Sam Storie的示例链接，位于ng repeat的底部

artApp.controller('TodoCtrl', function($scope, $http) {
$http.get('/home/user/artist_names.json')
       .then(function(result){
          $scope.artists = result.data;                
        });
});

在html中

来自詹姆

---

我在Azure中托管的节点服务器和修复程序中遇到了此问题 是为了确保JSON文件的mime类型设置正确。我是 在azure中托管意味着确保web.config与 正确的设置，但我不确定Django需要什么。没有 服务器报告404的正确mime类型，如您所述

从Sam Storie中，您可以尝试以下方法：

 $http.get("/home/user/artist_names.json")
    .success(function(response) {$scope.artists = response;});

您可以尝试以下方法：

 $http.get("/home/user/artist_names.json")
    .success(function(response) {$scope.artists = response;});

---

我在Azure中托管的节点服务器上遇到了这个问题，修复方法是确保正确设置JSON文件的mime类型。我是在azure中托管的，这意味着要确保web.config具有正确的设置，但我不确定Django需要什么。如果没有正确的mime类型，服务器将报告您提到的404。

我在Azure中托管的节点服务器上遇到了这个问题，修复方法是确保正确设置JSON文件的mime类型。我是在azure中托管的，这意味着要确保web.config具有正确的设置，但我不确定Django需要什么。如果没有正确的mime类型，服务器将报告您提到的404。

我的django dev服务器在尝试获取json文件时出现404错误。由于我的应用程序知道该文件夹，因此将其卡在django静态文件夹中。很高兴听到您获得了它！我的django dev服务器在尝试获取我的json文件时出现404错误。由于我的应用程序知道该文件夹，所以将其卡在django静态文件夹中。很高兴听到你获得了它！我通过将json文件放入我的静态文件夹（在django settings.py文件中引用）来修复它。你提到的web.config让我想到将json文件放入django知道的文件夹中。很高兴听到你找到了答案！我通过将json文件放入我的静态文件夹（在django settings.py文件中引用）来修复它。你提到的web.config让我想到将json文件放入django知道的文件夹中。很高兴听到你找到了答案！