在 Angular UI 路由器中提供带有 ID 的 URL

Question

我有一个问题，当我编辑数据时，我的 url 没有显示 id 示例：/answer/1 or /answer/2 or /answer/3 等。我很困惑，因为我使用的是 UI ROUTER 我是使用 UI ROUTER angularjs 的初学者。你能帮助我吗 ？我该怎么办 ？谢谢

我的路由代码：

.state({
    name: 'answer',
    url : '/answer/',
    params : {
                obj : null  
    },
    controller: 'answer-controller',
    templateUrl: 'templates/table-answer.html'
})

ng-click go to table-answer：

<button type="button" class="btn btn-default" ng-click="ListAnswer(data.item)"><i class="fa fa-eye"></i> View Answer</button>

将参数 $scope.ListAnswer 传递给 answer-controller.js

$scope.ListAnswer = function(data) {

    $state.go('answer', {obj : data});

};

Answer 1

这很简单。只有一件事你错过了，否则你的代码是正确的。

.state({
  name: 'answer',
  url : '/answer/{answerId}',
  params : {
    obj : null  
  },
  controller: 'answer-controller',
  templateUrl: 'templates/table-answer.html'
})

现在有两种方法可以超越该状态。

//HTML

<button type="button" class="btn btn-default" ng-click="ListAnswer(data.answerId)"><i class="fa fa-eye"></i> View Answer</button>

//控制器

$scope.ListAnswer = function(answerId) {
    $state.go('answer', {answerId: answerId});
};

或

<button type="button" class="btn btn-default" ui-sref="answer({answerId: data.answerId})"><i class="fa fa-eye"></i> View Answer</button>

Answer 2

你的状态需要稍微改变一下：

.state({
  name: 'answer',
  url : '/answer/{itemId}',
  params : {
    obj : null  
  },
  controller: 'answer-controller',
  templateUrl: 'templates/table-answer.html'
})

稍微更改您的代码以传递链接 url 中的 id：

<button type="button" class="btn btn-default" 
  ui-sref="answer({itemId: id})">

但是，如果您想从控制器访问参数，则必须使用 $stateParams，因此在本例中为 $stateParams.itemId