將相同的子狀態附加到多個父狀態

Question

我正在使用Angular JS的前端Web應用程序並使用UI路由器進行路由。

現在我有一個孩子狀態是相同的多個國家。

$stateProvider.state('app.user1.viewProfile1', { 
     url: '/:profileURL', 
     views: { 
      'main@app.user': { 
       component: 'profile' 
      } 
     } 
    }); 
$stateProvider.state('app.user2.viewProfile1', { 
     url: '/:profileURL', 
     views: { 
      'main@app.user': { 
       component: 'profile' 
      } 
     } 
    }); 
$stateProvider.state('app.user3.viewProfile1', { 
     url: '/:profileURL', 
     views: { 
      'main@app.user': { 
       component: 'profile' 
      } 
     } 
    }); 

有沒有辦法不復制自拍孩子和隨後的狀態定義，任何方式同孩子追加到多個父？

Answer 1

您可以在一個循環下降狀態和&遍歷國象 -

angular.forEach(["parent.state1","parent.state2","parent.state3"], function(parent) { 
    $stateProvider.state(parent+".childState", { 
     url: '/child', 
     ... 
    }); 
});