我正在使用AJAX使用AngularJS进行后端调用。我的调用成功返回JSON。这段代码写在一个JavaScript文件中。
我有一个html文件在相同的代码库是无法通过这个JSON迭代。我的JavaScript代码片段如下:
angular.module('kmapp').controller("FieldCodesCtrl", ['$scope', function($scope){
var model = {};
console.log("FieldCodesCtrl");
$http.get("/my/rest/URL").success(function (data) {
model.items = data;
console.log("data set on items");
$scope.fieldCodes = model;
console.log($scope.fieldCodes.items.length);
});
// $scope.fieldCodes = model;
}]);
我的html如下:
<tr ng-repeat="item in fieldCodes.items">
<td>{{item.id}}</td>
<td>{{item.comment}}</td>
</tr>
我的问题是,"字段码。Items "在html中没有任何内容。所以它不显示我从JSON中得到的ID和Comment。
有人能帮帮我吗?我是AngularJS的新手。所以,如果这是显而易见的,请原谅。
不使用model。Items = data;,使用model = data;否则它将不能正确定义。当您在视图(模型绑定)项中使用时。我看起来不错。所以尝试这个(模型=数据)希望这将工作。我可以回答你更具体,如果你可以发送JSON样本。
谢谢利雅得
$http需要被注入到控制器中。
.controller("FieldCodesCtrl", ['$scope', '$http', function($scope, $http){
确保您的模块已注册到文档中的HTML标记。我想应该是"ng-app"。"
也许我看错了,但似乎你正在将此对象分配给model.items
{ fieldCodes: {
items: [
{ id: XXX name: CCC value: DD comment: AA },
{ id: aaaa name: aaaaadd value: ddf comment: ee }]
}
}
难道你不希望model = data.fieldCodes;
能够使用fieldCodes.items
吗?