共享在UI的路由器“解析”

Question

我有需要使用同样的决心两种状态：

.state('state', { 
    url: '/somewhere', 
    templateUrl: '/views/somewhere.html', 
    controller: 'myController', 
    resolve: { 
    //resolve something here 
    } 
}) 

.state('state2', { 
    url: '/somewhere-else', 
    templateUrl: '/views/somewhere-else.html', 
    controller: 'myController', 
    resolve: { 
    //resolve the same thing here 
    } 
}) 

但是这将是很好不写相同的代码，所以有可能是各国分享一个决心？

Answer 1

可能共享一个服务方法可以帮你做。

.state('state', { 
    url: '/somewhere', 
    templateUrl: '/views/somewhere.html', 
    controller: 'myController', 
    resolve: { 
    service:function(myService){ 
    return myService.someFunc(); 
    } 
    } 
}) 

.state('state2', { 
    url: '/somewhere-else', 
    templateUrl: '/views/somewhere-else.html', 
    controller: 'myController', 
    resolve: { 
    service:function(myService){ 
    return myService.someFunc(); 
    } 
    } 
}) 

Answer 2

您可以使用https://github.com/angular-ui/ui-router/wiki/Nested-States-%26-Nested-Views#dot-notation，如：

.state('myparent', { 
     abstract: true, 
     templateUrl: 'views/myparent.html', 
     resolve: { 
      issessionedin: function(Sessions){ 
       return Sessions.isSessionedIn(); 
      } 
     } 
    }) 
    .state('myparent.state', { 
     url: '/somewhere', 
     templateUrl: '/views/somewhere.html', 
     controller: 'SomewhereController' 
    }) 
    .state('myparent.state2', { 
     url: '/somewhere-else', 
     templateUrl: '/views/somewhere-else.html', 
     controller: 'SomewhereElseController', 

    }) 

在myparent.html你应该把

<div data-ui-view></div>