angular ui:ui路由器动态路由和状态
angular-ui: ui-router dynamic routes and states
我有一个动态路由定义为:
$urlRouterProvider
.when(
'/:resource?collection&type&id',
[
'$match', '$stateParams',
function routeValidator( $match , $stateParams )
{
var path = '';
angular.forEach($match, function joinner( val , key )
{
if ( angular.isDefined(val) ) path += '/' + val;
});
return path;
}
]
)
.when( '' , '/about' )
.when( '/' , '/about' )
.otherwise( '/404' );
然后是几个状态:
$stateProvider
.state('about',
{
"url": "/about",
"templateUrl": "about.tmpl"
}
)
//…
我尝试点击index.html#/
或index.html#/about
,但我的状态都没有被调用(随后我的控制器也没有被调用)。但我的路线被遵守了(前"被重定向到"/about")。没有控制台错误和值按预期返回(例如,对于index.html#/about
,$match&path=/about
)。
编辑
似乎需要是问题的一部分:
- 在这里,它在jsfiddle中工作而不需要
- 这里是而不是在需要的plunker中工作
原来我是个白痴:当我从ngRouter切换到ui.router时,我忘记了将ng-view
切换到ui-view
。工作柱塞:http://plnkr.co/edit/ZckIBlayuB10hooJ0sY5
相关文章:
- 混合 ui-sref 和 $state.go 在 Angular ui-router 中进行状态转换
- 使用AngularJS中的UI路由器将状态重定向到默认子状态
- 在UI路由器中以抽象状态填充常见视图
- 如何在具有某些 UI 视图的状态中管理工厂单个请求数据
- 带有嵌套状态的Angular ui路由器和后退按钮
- 如何加载嵌套3个状态的UI路由器UI视图模板
- Angular+bootstrap ui,检查当前选项卡是否已处于活动状态
- ui路由器的惰性加载状态
- Angular JS/UI Router:为给定状态禁用指令
- AngularJS UI路由器未进入默认状态
- 您将如何使用JS来组织UI状态
- 角度 UI 状态转换问题
- AngularJS UI状态提供程序解析状态
- Ui路由器,ng重复和Ui状态
- 如何与Redux沟通React组件之间的UI状态变化
- UI状态是否应存储在模型或控制器中
- 用angularjs管理UI状态和动画的正确方法
- 如何在使用$resources时保留UI状态
- 在jquerymobile中,ui状态活动类不用于动态点击处理
- 在不同的 UI 状态之间共享表单数据