Question

我有一个应用程序应根据某些API数据提供不同的状态。如果我的应用程序的状态配置如下所示：

$stateProvider.state('order', {
    url: '/order/{serviceId}',
    controller: 'OrderController',
    abstract: true,
    resolve: {
        OrderResolve: function(Order, $stateParams){
            return Order.fetch($stateParams.serviceId);
        }
    }

}).state('order.sharepoint', {
    url: '/sharepoint',
    abstract: true,
    controller: 'SharePointController'

}).state('order.sharepoint.index', {
    url:'',
    controller: 'SharePointServiceController'

}).state('order.sharepoint.setup', {
    url:'',
    controller: 'SharePointSetupController'

}).state('order.sharepoint.confirm', {
    url:'',
    controller: 'SharePointConfirmController'
});

然后我希望默认2个状态中的1个基于OrderResolve对象中的值。基本上，我使用resolve获取API数据，告诉我此用户是否已激活SharePoint服务。如果是OrderResolve.hasSharepoint == true，那么我想要默认为order.sharepoint.index状态，但如果OrderResolve.hasSharepoint == false则我要默认为order.sharepoint.setup状态。第一个状态显示SharePoint数据，第二个状态只是一个表单来设置＆＃34;设置＆＃34; Sharepoint服务。

是否有实现此类功能的简单方法？

Answer 1

你需要一个中间状态，你已经拥有它。如果您从abstract: true,移除order.sharepoint并始终转到该状态，而不管您的OrderResolve解析值是什么。

然后，在SharePointController中，您可以访问OrderResolve，并且可以确定目标状态：

// inside SharePointController

if (OrderResolve.hasSharepoint == true){
  $state.go('order.sharepoint.index');
else {
  $state.go('order.sharepoint.setup');
}

如何动态更改ui-router使用的默认状态？

1 个答案: