ng-view 的替代品 overmind.js

101 篇文章 0 订阅

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']);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值