0

SystemJS のページ ルートに応じて動的にロード/要求 するモジュラーな方法で AngularJS を構造化/記述する方法はありますか?controllers/views

編集: これは、SystemJS を使用するための試用版として、私が現在持っているものです。

app.js - index.htmlにインポートされるメイン ファイルです。

// vendor
import angular from 'angular';

//Controllers
import controllers from './controllers/_index.js'

// Routes
import routes from './routes/routes.config.js';

var seedApp = angular.module('seedApp', ['seedApp.route', 'seedApp.controllers']);


angular.element(document).ready(function() {
    return angular.bootstrap(document.body, [seedApp.name], {
        strictDi: true
    });
});

export default seedApp;

_index.js - すべてのコントローラーのインデックス

import { navCtrl } from './nav.js';
import { aboutCtrl } from './about.js';

var app = angular.module('seedApp.controllers', []);

app.controller('navCtrl', navCtrl);
app.controller('aboutCtrl', aboutCtrl);

routes.config.js

import 'angular-ui-router';

var app = angular.module('seedApp.route', ['ui.router']);


app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {

    $urlRouterProvider.otherwise('/');

    $stateProvider
        .state('home', {
            url: '/',
            templateUrl: 'app/views/home.html'
        })
        .state('about', {
            url: '/about',
            templateUrl: 'app/views/about.html',
            controller: 'aboutCtrl as about'
        });
}]);

export default app;
4

1 に答える 1

0

短い答えNO。長い答えですが、これは Angular 1.x でネイティブにサポートされていないため、 ocLayzLoadYES角度プラグインを使用する必要があります(これは Angular 2.x で可能になります)。ところで、ファイルを動的にロードしようとしている場合は、使用する必要がありますSystem.import

それが助けになったことを願っています。

于 2015-10-28T12:11:36.423 に答える