overmind.jsng-view 的替代品
overmind 是 AngularJS 的简单模块隔离和延迟加载应用。
Overmind 可以替代 ng-view。当用户导航到一个路由,overmind 检测路由属于哪个应用,加载应用的脚本和模板。
开始
更新 HTML
<div id="overmind"> <overmind></overmind></div>
替换 ng-view :
<div id="current-app"><div id="current-view"></div></div>
注册 Overmind
angular.module('profile', [])
.config(angular.module('overmind').control());
配置 overmind
var overmind = angular.module('overmind');overmind.apps = {
'/profile': {
ngModule: 'profile',
file: 'apps/profile/profile'
},
'/admin': {
ngModule: 'admin',
file: 'apps/admin/admin'
}};// optional default when no matching route is foundovermind.default = {
ngModule: 'home',
file: 'apps/home/home'}
可以设置 html5 模式:
overmind.config(function($locationProvider){
$locationProvider.html5Mode(true);});
启动 overmind
angular.boostrap('#overmind', ['overmind']);
评论
