javascript - 在 Angular 应用程序中加载 Dojo 模块

Question

如何在 Angular 应用程序中使用 Dojo 模块，同时避免两个框架的两个模块加载机制的竞争条件或其他冲突？

Answer 1

基本上，您首先加载 Dojo，然后在 require-callback 中手动引导 Angular。

<script>
var dojoConfig = {
    async: true,
    baseUrl: '.',
    packages: ['dojo', 'dojox']
};
</script>
<script src="dojo/dojo.js"></script>

然后加载以下内容:

require([
    'dojox/json/query', //or any other dojo module
], function (dojoJsonQuery) {
    //dojo loaded

    var app = angular.module('app', ['ngRoute'], function($routeProvider) {
        $routeProvider.when('/', {
            templateUrl: '/partials/main.html',
            controller: MyCtrl
        });
    });

    app.factory('jsonQuery', function jsonQuery() {
        return dojoJsonQuery;
    });

    angular.bootstrap(document.body, ['app']);
});

function SetupCtrl($scope, jsonQuery) {
    //...
}

现在，使用 angular.bootstrap 时最重要的是从 HTML 中删除 ng-app="app" 属性。