UI路由器兒童狀態角加載控制器

Question

我有一個問題加載控制器/模板爲每個子狀態。我在每個狀態控制器中都有一個console.log，但它們不會觸發。任何想法將不勝感激！

意圖是隨時爲每個孩子狀態加載藝術家。

var stateConfig = ['$stateProvider', function($stateProvider) { 
// State Configurations 
$stateProvider 
.state('artist', { 
    abstract: true, 
    url: '/' + artistSlug, 
    controller: "artistCtrl", 
    resolve: { 
    artist: function(artist){ 
     return artist.getArtist(); 
    } 
    } 
}) 
.state('events', { 
    parent: 'artist', 
    url: '', 
    controller: 'eventsCtrl', 
    templateUrl: "/templates/artist/events.html" 
}) 

Answer 1

我想你需要修改你的國家/ PARAMS

它應該去的藝術家 - > artists.artist - > artists.artist.events。然後，如果你去//site.com/artists/justintimberlake/events它會解決藝術家，然後事件

var stateConfig = ['$stateProvider', function($stateProvider) { 
    // State Configurations 
    $stateProvider 
    .state('artists', { 
     abstract: true, 
     url: '/artists' 
    }) 
    .state('artists.artist', { 
     url: '/:artistId', 
     controller: 'artistCtrl', 
     template: '<div ui-view>Artist Template Wrapper for Artist and Events</div>', 
     resolve: { 
     artist: function (artist, $stateParams) { 
      return artist.getArtist($stateParams.artistId); 
     } 
     } 
    }) 
    .state('artists.artist.events', { 
     url: '/events', 
     controller: 'eventsCtrl', 
     templateUrl: '/templates/artist/events.html', 
     resolve: { 
     events: function (artist, $stateParams) { 
      return artist.getArtistEvents($stateParams.artistId); 
     } 
     } 
    }) 
}];