Question

我正在使用AngularJS。控制器正在运行;我可以通过我的视图调用函数和值。我可以在没有控制台错误的情况下为gridOptions.data分配值。我可以为gridOptions定义其他属性而不会出现conosole错误。但网格根本没有显示......

我的index.html有以下标题：

<!--Lib-->
    <!--jquery-->
            <script src="https://code.jquery.com/jquery-2.2.4.js"></script>
            <!--<script src="https://code.jquery.com/jquery-1.12.4.js"></script>-->
        <!--ng base-->
            <script src="app/lib.bower/angular/angular.js"></script>
            <script src="app/lib.bower/angular-route/angular-route.js"></script>   
        <!--ui grid-->
            <script src="app/lib.bower/angular-ui-grid/ui-grid.js"></script>
            <link href="app/lib.bower/angular-ui-grid/ui-grid.min.css" rel="stylesheet"/>
        <!--Misc-->
            <link rel="stylesheet" href="app/lib.bower/bootstrap/dist/css/bootstrap.min.css"/>
            <script src="app/lib.bower/toastr/toastr.js"></script>
            <link href="app/lib.bower/toastr/toastr.css" rel="stylesheet" />
    <!--Custom-->
    <script src="app/app.js"></script>
    <!--Custom - Services-->
    <script src="app/services/resetRequestService.js"></script>
    <script src="app/services/adValidationService.js"></script>
    <script src="app/services/userSearchService.js"></script>
    <script src="app/services/passwordCreationService.js"></script>
    <script src="app/services/toasterService.js"></script>
    <!--Custom - Controllers-->
    <script src="app/controllers/UserSearchController.js"></script>
    <script src="app/controllers/HeaderController.js"></script>
    <script src="app/controllers/PasswordResetRequestController.js"></script>
    <!--Custom modules-->
    <script src="app/modules/header.js"></script>
    <!--Custom - Other-->
    <link rel="stylesheet" href="app/css/passwordReset.css"/>

我的控制器是这样的：

var userSearchController = function($scope, $interval, userSearchService) {
var vm = this;

vm.gridOptions = {
    enableFiltering: true,
    showGridFooter: true,
    data: [
        {
            test: 'test',
            test2: 'test2'
        }
    ]
};
//more code

}

视图有以下div：

<div ui-grid="vm.gridOptions" class="grid"></div>

同样，我没有得到任何错误，我只是...我的.html没有...没有数据，没有列，甚至没有边框，完全都没有出现。我已经确保在控制器启动时立即分配vm.gridOptions，并且（再次）我已经确保我可以运行方法并从我的控制器获取值。

我已经倾倒了许多教程，这些教程都有自己的ui-grid工作风格，我无法弄清楚我做错了什么。

任何人都知道我缺少什么？

Ui-Grid不显示（根本没有）

0 个答案: