如何使用angularjs ng-repeat从瓶子框架查询后显示数据?

Question

查询后来自瓶子框架的数据：{{rows}}

[(1， 'Crystal'， 'Daklak'， 1995， 'IT'(， (2， 'Trace'， 'Hue'， 1995， 'IT'(， (3， 'Tina'， 'Ha Tinh'， 1995， 'IT'(， (4， 'Na'， '

Da Nang'， 1995， 'IT'(]

当我使用ng-repeat将它们显示为表格时：

{% raw %}
<tr ng-repeat="row in data" ng-init="data=rows">
<td>
{{row[0]}}
</td>
<td>
{{row[1]}}
</td>
<td>
{{row[2]}}
</td>
<td>
{{row[3]}}
</td>
<td>
{{row[4]}}
</td>
</tr>
{% endraw %}

我收到这样的错误：

名称错误： 未定义名称"行">

我知道当瓶子在模板中读取{{expression}}时会发生此错误，但我不知道如何解决它。

Answer 1

在控制此模板/部分的控制器中，您需要包含结果的$scope.data。

angular.module('app', [])
.controller('ctrlname', ['$scope', 'myservice',  function($scope,myservice){
$scope.data = myservice.getData();
}]
.service('myservice', ['$http', function($http){
var self = this;
//query your endpoint.
self.getData = function(){
return $http.get('url').then(function(response){
return response.data;
});
}
return {
getData: function(){
return self.getData();
}
}
}]

在您的模板中。如果在 ng-repeat 中使用对象引用而不是数组索引，总是更好。

<tr ng-repeat="row in data">
<td>
{{row[0]}}
</td>
<td>
{{row[1]}}
</td>
<td>
{{row[2]}}
</td>
<td>
{{row[3]}}
</td>
<td>
{{row[4]}}
</td>
</tr>