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']);
评论