So verwenden Interpolation innerhalb ui-sref

Question

Ich habe Zustände wie folgt aus:

<a ui-sref="{{ data.nextLink }}"> 

wo data.nextLink ist Beispiel‘:

.state('portfolio.work1', {   
     url: '/work1', 
     templateUrl: 'app/portfolio/work1.html'      
    }) 

    .state('portfolio.work2', {   
     url: '/work2', 
     templateUrl: 'app/portfolio/work2.html' 
    }) 

I dynamischen Wert von ui-SRef wie dies festlegen möchten. work2 '.

Interpolation funktioniert nicht mit ui-sref. Wie kann ich das machen? statt ui-sref

Answer 1

Sie eine Funktion

<a href='#' ng-click='goToNextLink(data.nextLink)'> 

und definieren goToNextLink(...) im Controller verwenden können (Sie müssen die Abhängigkeiten von $state und $scope injizieren):

$scope.goToNextLink = function(link) { 
    $state.go(link); 
} 

die documentation for $state See.