0

カスタム ディレクティブを使用して、自分のプロジェクトで angularAMD モジュールを使用しようとしています。これらのディレクティブでは、アンダースコアなどの外部モジュールを使用する必要がありますが、これらのモジュールをディレクティブだけにロードすることはできません。

main.js

require.config({
baseUrl: "app",
paths: {
    'angular': 'vendor/angular.min',
    'angular-ui-router': 'vendor/angular-ui-router.min',
    'angularAMD': 'vendor/angularAMD.min',
    'ngload': 'vendor/ngload.min',
    'underscore': 'vendor/angular-underscore-module',
    'ui-bootstrap': 'vendor/ui-bootstrap.min',
    "jqueryCli": "../assets/js/jquery.min",
    "bootstrapCli": "../assets/js/bootstrap",
    "bootstrapSideCli": "../assets/js/bootstrap-sidebar",
    "underscoreCli": "../assets/js/underscore",
    "mpGrid": "shared/mpGrid/mpGrid",
    "i18nService": "vendor/angular-locale_it-it"
},
shim: {
    'angularAMD': ['angular'],
    'angular-ui-router': ['angular'],
    'underscore': ['angular', 'underscoreCli'],
    'bootstrapCli': ['jqueryCli'],
    'bootstrapSideCli': ['bootstrapCli'],
    'i18nService': ['angular'],
    'mpGrid': ['angular', 'i18nService']
},
deps: ['app']
});

app.js

define(['angularAMD', 'angular-ui-router',
'jqueryCli', 'bootstrapCli', 'bootstrapSideCli', 'underscoreCli',
'shared/sideMenu/sideMenu',
'mpGrid'
], function (angularAMD) {
var app = angular.module("webapp", ['ui.router']);
app.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/home");
    $stateProvider
        .state('home',angularAMD.route({
            url: '/home',
            templateUrl: 'home/homeView',
            controller: 'homeCtrl',
            controllerUrl: 'home/homeController'}))
        .state('menu',angularAMD.route({
            url: '/menu',
            templateUrl: 'menu/menuView',
            controller: 'menuCtrl',
            controllerUrl: 'menu/menuController'}));

});
app.constant('appConfig', {
    menu: [
        {value: 'Home', link: '#/home', icon: 'glyphicon-home'},
        {value: 'Menu', link: '#/menu', icon: 'glyphicon-th'}
    ],
    title: 'My Web App'
});
angularAMD.bootstrap(app);
return app;
});

mpGrid.js (私のカスタム ディレクティブ)

define(['angularAMD'], function (angularAMD) {
 angularAMD.directive('mpGrid', ['underscore', function (_) {
     var test = _;
 }]);
});

mp-grid ディレクティブを使用するビューを読み込もうとすると、コンソールに次のエラーが表示されます。

Error: [$injector:unpr] http://errors.angularjs.org/1.4.0/$injector/unpr?
p0=underscoreProvider%20%3C-%20underscore%20%3C-%20mpGridDirective

(i18nService >,< と同じ)

誰でも私を助けてくれますか？

私はおかしくなりそうだ ：（

4

1 に答える 1

1

shimのドキュメントを読むことから始めて、設定している依存関係を確認する必要があります。

たとえば、 のでは、次のように設定underscoreします。main.js

shim: {
    ...
    'underscore': ['angular', 'underscoreCli'],
    ...
},

RequireJSbeforeがロードされ、 andunderscoreをロードする必要があることを伝えています。angularunderscoreCli

次に、依存関係が設定されていないapp.jsをロードします。underscoreCli

define([..., 'underscoreCli', ... ], function (...) {

また、underscoreがangularJS パッケージかどうかを再確認してください。そうでない場合は、次のようにロードする必要があります。

define(['angularAMD', 'underscore'], function (angularAMD, _) {
 angularAMD.directive('mpGrid', function () {
     var test = _;
 });
});
于 2015-06-14T08:46:42.777 に答える