overmind.jsng-view 的替代品

联合创作 · 2023-09-22 09:22

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

 

 

浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报