javascript - UI-Grid 未填充 AngularJs

Question

我有一个项目，我必须在 AngularJs UI-Grid 中显示数据。

<div ng-app="appDashboard">
    <div ng-controller="CategoriesCtrl as $ctrl">
        <div ui-grid="$ctrl.gridOptions" class="grid"></div>
    </div>
</div>

.js 文件：

var app = angular.module('appDashboard',
[
    'ngAnimate',
    'ngTouch',
    'ui.grid']);
app.controller('CategoriesCtrl', function ($scope, $http, $interval) {

var vm = this;
vm.gridOptions = {};
vm.gridOptions = {
    enableSorting: true,
    columnDefs: [
        { name: 'Id', field: 'Id', visible: false },
        { name: 'Name', field: 'Name' }
    ]
};

$http.get("/Dashboard/GetCategories").then(function (response) {
        vm.gridOptions = response.data;
        console.log(response.data);
        console.log(vm.gridOptions);
    });

});

当应用程序运行时，它显示空网格，但在日志数据中成功显示。我检查了文档中的所有内容，一切正常，并且在代码的任何部分都没有收到任何“错误”或“警告”...

我找不到我的错误在哪里。有人可以帮助我。先感谢您。

标签： javascriptasp.netangularjsgridui-grid