硬编码ui-sref工作，重渲染ui-sref不工作

Question

这是可行的：

<button type="button" class="btn btn-primary" ui-sref="app.project.edit({projectId: 1})">Back</button>

此操作不起作用(单击后不发生任何反应)：

<button type="button" class="btn btn-primary" ui-sref="{{backstate.state}}">Back</button>

当我查看这两种情况下呈现的网页的源代码时，我得到：

<button class="btn btn-primary" ui-sref="app.project.edit({projectId: 1})" type="button">Back</button>

我做错了什么？

编辑:也许这会有帮助：

AppControler.js

angular.module("app").controller("AppController", function($scope, $state, $rootScope, SessionService, NavigationService) {
    "use strict";
    $scope.goBack = function () {
        $state.go(NavigationService.getBackstate().state);
     };
});

NavigationService.js

angular.module("app").service("NavigationService", function() {
    "use strict";

    var that = this;

    this.backstate = {
            state : "default state"
    };

    return {
        getBackstate : function() {
            return that.backstate;
        },
        setBackstate : function(backstate) {
            that.backstate.state = backstate.state;
        }
    };
}); 

ScenarioListController.js

angular.module("app").controller("ScenarioListController", function($scope, $modal, $state, ngTableParams, NavigationService, project, scenarios) {
    "use strict";

    // [...]
    NavigationService.setBackstate({ state : "app.project.edit({projectId: " + project.id + "})"});
    // [...]
});

Answer 1

这可能是一个绑定问题。

如果指令ui-sref在转换为其实际值之前绑定到字符串{{backstate.state}}，它将尝试解析状态{{backstate.state}}，而不是

app.project.edit({projectId: 1})

您可以尝试使用：

<button type="button" class="btn btn-primary" ng-click="goBack()">Back</button>

function myController($scope, $state) {
   $scope.goBack = function () {
      $state.go($scope.backstate.state);
   }
});