Angular UI-Router verwenden würde ich konkret abstrakt Mutter Zustand und Link zum Kind

Question

Mein Hauptnavigationszustand hervorheben, sollten Elemente markieren, wenn eine der Kind Staaten aktiv dh

<li ui-sref-active="selected"> 
    <a ui-sref="settings">Settings</a> 
</li> 

Angenommen, diese Zustände

werden

$stateProvider 
    .state({ 
     abstract: true, 
     name: 'settigns', 
     url: '/settings', 
     template: '<ui-view/>' 
    }) 
    .state({ 
     name: 'settings.user', 
     url: '', 
     templateUrl: require('./user.html'), 
     reloadOnSearch: false 
    }) 
    .state({ 
     name: 'settings.company', 
     url: '/company', 
     templateUrl: require('./company.html'), 
     reloadOnSearch: false 
    }); 

Obere HTML wird meine li korrekt hervorheben, wann immer ich in einer der Einstellungsseiten sein würde, aber verlinkt sich selbst auf einen abstrakten Zustand, so dass es nicht funktioniert.

Wie soll ich meinen Verbindungsstatus setzen?

Answer 1

Jeder stolpert auf diese hier ist die Lösung, die ohne zusätzlichen Code funktioniert:

<li ui-sref-active="{ selected: 'settings' }"> 
    <a ui-sref="settings.user">Settings</a> 
</li>