Javascript 如何在angular ui grid中显示从json到ui grid的数据

我从django获得这个json，我想在angular ui网格中显示它，但我得到了错误：

Error: colDef.name or colDef.field property is required
preprocessColDef@http://127.0.0.1:8000/static/buddy/js/ui-grid.js:3771:1
buildColumns/<@http://127.0.0.1:8000/static/buddy/js/ui-grid.js:3630:7
buildColumns@http://127.0.0.1:8000/static/buddy/js/ui-grid.js:3629:5
dataWatchFunction@http://127.0.0.1:8000/static/buddy/js/ui-grid.js:2749:27
$watchCollectionAction@http://127.0.0.1:8000/static/buddy/js/angular.js:15693:13
$RootScopeProvider/this.$get</Scope.prototype.$digest@http://127.0.0.1:8000/static/buddy/js/angular.js:15826:23
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://127.0.0.1:8000/static/buddy/js/angular.js:16097:13
done@http://127.0.0.1:8000/static/buddy/js/angular.js:10546:36
completeRequest@http://127.0.0.1:8000/static/buddy/js/angular.js:10744:7
requestLoaded@http://127.0.0.1:8000/static/buddy/js/angular.js:10685:1

---

您收到的错误表明您没有为UI网格定义列定义，或者可能没有正确定义它们。只需将嵌套的

字段

属性称为

字段。


记住瞄准正确的控制器。您有
IndexCtrl
和
ajax
：

<div ng-controller="ajax">
   <div ui-grid="gridOptions" ui-grid-cellNav class="grid"></div>
</div>

以防万一大卫的回答对你没有帮助：

尝试删除

$scope.gridOptions.data = [{"fields": {"joiningtime": null, "boozprofileId": ....}];

$scope.gridOptions.columnDefs = [
   {name: 'fields.joiningtime' }, 
   {name: 'fields.boozprofileId' }, 
   {name: 'fields.userId' },
   {name: 'fields.likeStatus' } 
];

从
JSON收到后
将其放入控制器功能的起始位置

我的意思是在一开始就初始化它，然后在收到
JSON响应时更新
data

$scope.gridOptions.data = response.data

现在我得到一个错误：colDef.name或colDef.field属性为required@focode-您以前也这样做过-“需要colDef.name或colDef.field属性”-如果您显示了代码，可能会容易得多，可能您的标记有问题。你是从plnkr复制的计划吗？它应该可以马上工作，就像使用
$http
一样。我无法在这里复制它，这里是它的github链接…控制器名称是ajax:@focode-谢谢你。它也与
$http
一起工作，减少了您正在做的事情的代码->但请参见更新答案，在您的github上找不到特定的HTML文件，但有消息告诉我您忘记了定位正确的控制器。我可以通过更改以下行在网格中使用数据：$scope.guestdata=JSON.parse（response）；没有你的帮助，这是不可能的
$scope.gridOptions.data = response.data