ng-view 的替代品 overmind.js

overmind.js 详细介绍

overmind 是 AngularJS 的简单模块隔离和延迟加载应用。 

overmind

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

猜你喜欢

转载自blog.csdn.net/phj_88/article/details/81175071