如何在ui-sref中使用插值

Question

我有这样的州：

i:th

我想像这样设置ui-sref的动态值：

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

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

其中<a ui-sref="{{ data.nextLink }}"> 是示例＆＃39; .work2＆＃39;。

插值不与data.nextLink一起使用。我怎么能这样做？

Answer 1

您可以使用功能代替ui-sref

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

并在控制器中定义goToNextLink(...)（您需要在$state和$scope上注入依赖项）：

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

请参阅documentation for $state。