Làm thế nào để tự động thay đổi trạng thái mặc định ui-router sử dụng?

Question

Tôi có một ứng dụng sẽ phân phát các trạng thái khác nhau dựa trên một số dữ liệu API. Nếu cấu hình trạng thái của ứng dụng của tôi trông giống như sau:

$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' 
}); 

Sau đó, tôi muốn 1 trong 2 trạng thái được mặc định dựa trên giá trị trong đối tượng OrderResolve. Về cơ bản, tôi sử dụng resolve để nhận dữ liệu API cho tôi biết người dùng này có kích hoạt dịch vụ SharePoint hay không. Nếu số OrderResolve.hasSharepoint == true thì tôi muốn đặt mặc định thành trạng thái order.sharepoint.index, nhưng nếu OrderResolve.hasSharepoint == false thì tôi muốn đặt mặc định thành trạng thái order.sharepoint.setup. Trạng thái đầu tiên hiển thị dữ liệu SharePoint và trạng thái thứ hai chỉ là một biểu mẫu để "thiết lập" các dịch vụ Sharepoint.

Có cách nào đơn giản để đạt được loại chức năng này không?

Answer 1

Bạn cần trạng thái trung bình và bạn đã có nó. Nếu bạn xóa abstract: true, khỏi order.sharepoint và luôn goto trạng thái đó bất kể giá trị giải quyết OrderResolve của bạn.

Sau đó, trong SharePointController bạn có quyền truy cập vào các OrderResolve và bạn có thể quyết định trạng thái đích:

// inside SharePointController 

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