0

我正在使用 AngularJS。控制器正在运行；我可以通过我的视图从中调用函数和值。我可以为我的 gridOptions.data 赋值而不会出现控制台错误。我可以为 gridOptions 定义其他属性而不会出现控制台错误。但网格不显示......根本。

我的 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 工作风格，但我无法弄清楚我做错了什么。

有人知道我错过了什么吗？

4

0 回答 0