大佬教程收集整理的这篇文章主要介绍了angularjs – 如何使用angular-ui-router将路由配置拆分为多个文件?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
app.config([ '$LOCATIOnProvider','$sceDelegateProvider','$sceProvider','$stateProvider',($LOCATIOnProvider,$sceDelegateProvider,$sceProvider,$stateProvider) => { $LOCATIOnProvider.html5Mode(true); $sceProvider.enabled(false); var home = { name: 'home',//template: '<div data-ui-view></div>',url: '/home/' }; var homeAccess = { name: 'home.access',url: 'access',views: { 'home@': { templateUrl: 'app/access/partials/webapi.html' } },onExit: ['accessservice',(acs: IAccessservicE) => { acs.clear(); }] }; $stateProvider .state(homeAccess) .state(homE); }])
问题是,我有这么多州,现在已经发展到超过1,200行.
这是本地路线(home-route.js):
function stateConfig ($LOCATIOnProvider,$stateProvider) { $LOCATIOnProvider.html5Mode(true); $sceProvider.enabled(false); var home = { name: 'home',template: 'Home',url: '/home' }; $stateProvider .state(homE); } module.exports = stateConfig;
这将是访问路由(home-access-route.js):
function stateConfig ($LOCATIOnProvider,$stateProvider) { $LOCATIOnProvider.html5Mode(true); $sceProvider.enabled(false); var homeAccess = { name: 'home.access',url: '/access',template: 'Access',parent: 'home' }; $stateProvider .state(homeAccess) } module.exports = stateConfig;
然后在您的模块/应用程序的index.js文件中,您将执行以下操作:
var TestsRoute = require('./home-route.js'); var HomeAccessRoute = require('./home-access-route.js'); var app = angular.module('HomeAccess',[]); app.config(['$LOCATIOnProvider',HomeRoute]); app.config(['$LOCATIOnProvider',HomeAccessRoute]); module.exports = app.name
因此,在初始化应用程序的位置,您将拥有已创建的所有单独模块,并将它们注册为应用程序的依赖项
以上是大佬教程为你收集整理的angularjs – 如何使用angular-ui-router将路由配置拆分为多个文件?全部内容,希望文章能够帮你解决angularjs – 如何使用angular-ui-router将路由配置拆分为多个文件?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。