AngularJS/RequireJS与ng-grid

Question

我的设置由AngularJS/RequireJS组成，我正在尝试添加ngGrid。由于某些原因，当我尝试添加这个(就像我对许多其他文件所做的那样)时，网格不会出现在前端。

控制台中没有出现错误，并且根据网络选项卡(在Chrome dev工具中)，angular-grid.js文件加载正常。

设置如下所示；

require.config({
    baseUrl: 'app/',
    paths:{
        'angular': '../assets/js/angular.min',
        'domReady': '../assets/js/domReady',
        'jQuery': '../assets/js/jquery-1.11.1.min',
        'angularGrid': '../assets/js/angular-grid',
    },
    shim:{
        'angular': {
            exports: 'angular'
        },
        'angularGrid':{
            deps: ['angular', 'jQuery'],
            exports: 'ngGrid'
        },
    },

});

然后，angularGrid包含在require中。

require([
    'require',
    'angular',
    'jQuery',
    'angularGrid',
], function(require, ng, $, ngGrid) {...

控制器看起来像这样；

define(['../../module'], function (controllers) {
        'use strict';

        $scope.myData = [{name: "Moroni", age: 50},
                 {name: "Tiancum", age: 43},
                 {name: "Jacob", age: 27},
                 {name: "Nephi", age: 29},
                 {name: "Enos", age: 34}];
        $scope.gridOptions = { data: 'myData' };


        overviewController.$inject = ['$scope'];
        controllers.controller('overviewController', overviewController);

    }
);

最后html页面有这个；

<div class="gridStyle" ng-grid="gridOptions"></div>

为什么网格没有出现？

Answer 1

你使用的是哪个版本的Angular？如果为v1.2+，则还需要路由库。

我发现这个指南真的很有用，能让你更好地使用Require和Angular：

https://github.com/pviraj/Loading-AngularJS-Within-A-RequireJS-Project