1
我是新來的角的js大型Angular應用程序的項目結構？
我要創造我的項目結構，這樣
這裏的核心，試驗不同的模塊（NG-APP）
我配置一樣這裏
app.js angular.module（ 'mainapp'，[ 'mainapp.core'， 'mainapp.test']）
core.app.js angular.module（ 'mainapp.core'，[]）
test.app.js angular.module（ 'mainapp.test'，[]）
在這裏我gettiing問題，我的核心模塊狀態不能正常工作。我使用$ staeprovider（ui-views）進行路由。
例如
core.config.routes.js
angular.module('mainapp.core').config(function($stateProvider,
$urlRouterProvider) {
$stateProvider
.state('core', {
url: '/core',
templateUrl: 'modules/core/views/core.html',
})
.state('core.sidebar ', {
url: '^/sidebar ',
templateUrl: 'modules/core/views/core.sidebar .html'
})
});
test.config.routes.js
angular.module('mainapp.test').config(function($stateProvider,
$urlRouterProvider) {
$stateProvider
.state('core.sidebar .test', {
url: '^/test',
templateUrl: 'modules/core/views/test.html'
})
});
我的HTML頁面
的index.html
<div ng-app="mainapp">
<div ui-view= ""></div>
</div>
core.html
` <div>
<h1>I am designing jeader Here. it goes on tp of page</h1>
<div ui-view></div>
</div>`
core.sidebar的.html
`<div>
<h2>It goes left side</h2>
<h1>I am designing sidebar Here</h1>
<div ui-view></div>
</div>`
，直到這工作的罰款。 heaser，代爾欄加載$狀態下core.sidebar
在這裏我得到的問題是」不工作 的test.html
<div>
<h1>I am designing middle content Here</h1>
</div>
請任何一個可以幫助我解決這個問題，建立更好的項目結構方法