//创建模块 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'); });
ng中使用ui-route配置demo
最新推荐文章于 2019-11-25 19:30:02 发布