ng中使用ui-route配置demo
2017-08-18 13:16
302 查看
//创建模块 var app=angular.module('mainIndex',['ng','ui.router','ui.bootstrap']); //配置状态 app.config(function ($stateProvider, $urlRouterProvider) { $stateProvider .state('login', { url: '/mylogin', views:{ 'main':{ templateUrl: 'custom/user_login.html' } } }) .state('admin', { url: '/myadmin', views:{ 'main':{ templateUrl:'custom/index.html', controller: function($state){ $state.go('admin.commitList');//默认显示第一个tab } } } }) .state('admin.commitList', { url: '^/myadmin.commitList', templateUrl: 'custom/committee/list.html' }) .state('admin.commitMeeting', { url: '^/myadmin.commitMeeting', templateUrl: 'custom/committee/meeting.html' }) .state('admin.commitChart', { url: '^/myadmin.commitChart', templateUrl: 'custom/committee/chart.html' }) .state('admin.courtList', { url: '^/myadmin.courtList', templateUrl: 'custom/court/list.html' }) .state('admin.courtMeeting', { url: '^/myadmin.courtMeeting', templateUrl: 'custom/court/meeting.html' }) $urlRouterProvider.otherwise('/mylogin'); });
相关文章推荐
- 使用route-map 配置BGP本地优先级
- UBUNTU下使用ifconfig和route命令手动配置网络
- IIS负载均衡-Application Request Route详解第五篇:使用ARR来配置试点项目
- jQuery UI Autocomplete使用技巧(jquery autocomplete demo)
- android游戏开发框架libgdx的使用(十一)—Skin和UI配置文件的使用
- android游戏开发框架libgdx的使用(十一)—Skin和UI配置文件的使用
- 使用XML文件来动态配置ASP.NET MVC的Route规则
- 使用WeifenLuo.WinFormsUI.Docking界面布局中的保存配置
- 配置rhel 6.4(64位)安装使用syslog-ng 3.5
- 使用微软企业库5.0提供的unity配置解藕系统demo(源码)
- CloudFoundry Admin-UI 配置使用
- html编辑器tinymce使用配置教程实例demo分享
- Libgdx的使用(11)——Skin和UI配置文件的使用
- Android游戏引擎libgdx使用教程11:如何使用Skin和UI配置文件
- android游戏开发框架libgdx的使用(十一)—Skin和UI配置文件的使用
- SlidingMenu的配置与基本使用方法Demo
- LUCENE 配置及DEMO使用
- android NDK配置及使用demo
- 使用XML文件来动态配置ASP.NET MVC的Route规则 【转】
- IIS负载均衡-Application Request Route详解第五篇:使用ARR来配置试点项目