angularjs – 如何使用Angular ui-router设置默认状态

前端之家收集整理的这篇文章主要介绍了angularjs – 如何使用Angular ui-router设置默认状态前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用状态来更改表中的数据。
URL的格式为/ zone /:zoneCode。
但是,当只有/ zone被访问时,我希望它默认为某个zoneCode。

这是我的代码

.state('zone',{
    url:'/zone',controller:'ZoneController',templateUrl:'views/zone.html'
})
.state('zone.code',{
    url:'/:zoneCode',templateUrl:function(stateParams)
    {
        return 'views/zone-codes/'+stateParams.zoneCode+'.html';
    }
}

为每个子视图加载的模板包含一个显示数据的表。
当URL中没有zoneCode时,该表不存在,因为ui视图不知道要加载templateUrl。

如何设置父状态的默认值?

谢谢。

虽然问题很旧,但我仍然想提供一个答案,因为我有同样的问题。答案可以找到 in this Stackoverflow question.要将您的案例应用于此:
$urlRouterProvider.when('/zone','/zone/'+zoneCode);

urlRouterProvider检查url是否是[yoururl] / zone。如果是这种情况,它将重定向到[yoururl] / zone / zoneCode,zoneCode是您指定的。

希望能帮助别人!

原文链接:https://www.f2er.com/angularjs/144912.html

猜你在找的Angularjs相关文章