Question

我的设置包含AngularJS / RequireJS，我正在尝试添加ngGrid。出于某种原因，当我尝试添加它时（就像我为许多其他文件所做的那样），网格不会出现在前端。

控制台中没有错误，根据网络标签（在Chrome开发工具中），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 settings中。

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

AngularJS / RequireJS与ng-grid

1 个答案: