0
私はAngular Seed Projectというプロジェクトを開始しました。これまでにいくつかのAngularプロジェクトを行ってきましたが、これは最初からセットアップした最初のものです。以前は「モジュールレベル」に新しいモジュールを追加する必要はありませんでした。これを自動化する方法があるようですが、私のGoogle-Fuは失敗しています。AngularJS App Level Moduleの依存関係は必要か自動化可能か？
基本的には、app.jsから 'myApp.home'などを削除して、新しいページをapp.jsに追加する必要はありません。私はいくつかのモジュールがそこに行く必要があることを知っているが、そこにすべてのページを追加することは痛みのように思える。私はすでに、あなたはしないでください、あなたはそれぞれの新しいページのための新しいモジュールを作成しますが、て、myAppモジュールを使用しない場合は
//////////////////// APP.JS ////////////////////
'use strict';
// Declare app level module which depends on views, and components
angular.module('myApp', [
'ngRoute',
'myApp.home'
])
.config(['$locationProvider', '$routeProvider', function ($locationProvider, $routeProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.otherwise({ redirectTo: '/home' });
}]);
//////////////////// HOME.JS ////////////////////
'use strict';
angular.module('myApp.home', ['ngRoute'])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider.when('/home', {
templateUrl: '../app/home/home.html',
controller: 'HomeCtrl'
});
}])
.controller('HomeCtrl', [function() {
}]);<!---------- INDEX.HTML ---------->
<html>
<head>
<title>My App</title>
</head>
<body>
<h1>My App</h1>
<div ng-view></div>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
<script src="home/home.js"></script>
</body>
</html>
<!---------- HOME.HTML ---------->
<div>TEST</div>