本文介绍了AngularJS UI的路由器:抽象状态+孩子规定不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我试图用一个抽象的状态,但我不能加载子。
我的应用程序是安装程序如下:
角
.module('milordApp',[
ui.router',
ngAnimate',
ngCookies',
ngMessages',
ngResource',
ngRoute',
ngSanitize',
ngTouch
])
.RUN(函数($ rootScope){
$ rootScope。在$('$ routeChangeStart',函数(事件,toState,toParams,fromState,fromParams){
的console.log(toState,toParams,fromState,fromParams);
});
})
的.config(函数($ stateProvider,$ urlRouterProvider){
$ urlRouterProvider.otherwise(/登录);
$ stateProvider
.STATE('登陆',{
网址:'/登录',
templateUrl:意见/ login.html的,
控制器:'LoginCtrl',
数据:{
requireLogin:假的
}
})
.STATE('应用',{
摘要:真实,
网址:'/应用程序',
数据:{
requireLogin:真
}
})
.STATE('app.dashboard',{
网址:'/仪表盘,
templateUrl:意见/ dashboard.html',
控制器:'DashboardCtrl',
});
});
登录路线是工作的罚款。但是,应用程序或app.dashboard路线不注册成为我甚至无法从控制器CONSOLE.LOG。
刚一说明了的index.html正确创建导航
< UL类=NAV导航栏,导航>
<立GT;<一个UI的SREF =登录的href =#/登录>登录和LT; / A>< /李>
<立GT;<一个UI的SREF =app.dashboard的href =#/应用/仪表板>仪表及LT; / A>< /李>
< / UL>
解决方案
在情况下片段抽象状态是真实的(这是),这个问题应该是固定的是这样的:
.STATE('应用',{
摘要:真实,
网址:'/应用程序',
数据:{
requireLogin:真
}
//为孩子添加模板
模板:<格UI的视图>< / DIV>中,
})
简单地说,每一个国家需要在某处被注入。如果我们不使用命名视图(甚至绝对命名)预计:
这篇关于AngularJS UI的路由器:抽象状态+孩子规定不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!