Angularjs 简单的角度示例不起作用：ng repeat+；得到_Angularjs_Angularjs Ng Repeat

Angularjs 简单的角度示例不起作用：ng repeat+；得到

angularjs

Angularjs 简单的角度示例不起作用：ng repeat+；得到,angularjs,angularjs-ng-repeat,Angularjs,Angularjs Ng Repeat,我试图使用从REST服务提供的数据，使用ng repeat进行迭代当数据是单个Json对象时，它可以很好地工作，但当它是一个对象列表时，HTML无法获取数据代码如下：你好 function Hello($scope, $http) { $http({ method: 'GET', url: 'http://devfz.azurewebsites.net/api/providers' }). success(function (data) { $scope.provi

我试图使用从REST服务提供的数据，使用ng repeat进行迭代

当数据是单个Json对象时，它可以很好地工作，但当它是一个对象列表时，HTML无法获取数据

代码如下：

你好

function Hello($scope, $http) {
$http({ method: 'GET', url: 'http://devfz.azurewebsites.net/api/providers' }).
    success(function (data) {
        $scope.providers = [data];
    }).
    error(function () {
        alert("Error");
    });
}

index.html

<!DOCTYPE html>
<html ng-app lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/angular.min.js"></script>
<script src="js/hello.js"></script>
<title>Bootstrap 101 Template</title>
</head>

<body role="document" style="padding-top: 70px; padding-bottom: 30px">
<div class="container theme-showcase" role="main">
    <div class="jumbotron">
        <div ng-controller="Hello">
            <table class="table table-striped table-condensed">
                <thead>
                <tr>
                    <th style="min-width: 80px;">Id</th>
                    <th style="min-width: 80px;">Name</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="provider in providers">
                    <td>{{provider.id}}</td>
                    <td>{{provider.name}}</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>
</html>


引导101模板
身份证件
名称
{{provider.id}
{{provider.name}

非常感谢：）

您的提供者数组包含一个元素：

$scope.providers = [data]; // array containing a single element: data

如果服务器返回一个JSON数组，并且您希望迭代该数组，那么代码应该是

$scope.providers = data;

在控制器定义之后，创建数组提供程序

$scope.providers = [];

而在成功回调中，则返回concat数据

.success(data) {

    $scope.providers = $scope.providers.concat(data)
}

您是否尝试过

$scope.providers=data？为什么数据
-数据
周围的括号可能已经是一个数组了，我试过了，但仍然不起作用。我把括号放在测试中，但它无论如何都不起作用。谢谢：）我找到了你们的url——看起来它返回的是XML，而不是JSON。Angular不以本机方式处理XMLAPI，只处理JSON onesThanks，谢谢您的帮助，meshy。我使用Chrome访问这个url，它加载XML，但当我使用Internet Explorer时，它加载一个JSON文件。正常吗？谢谢你的帮助。服务器返回一个JSON数组，所以我去掉了括号，它仍然无法工作。我修改了这段代码来测试迭代：test{{provider.id}}test{{provider.name}}
没有括号，就不会显示“test”。用括号表示“测试”。