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

问题描述

我有一个问题，当我编辑数据时，我的 url 没有显示 id 示例:/answer/1 或/answer/2 或/answer/3 等.我很困惑，因为我使用了 用户界面路由器我是使用 UI ROUTER angularjs 的初学者.你能帮助我吗 ?我该怎么办 ?谢谢

I have a problem, when I edited data, my url not showing id example : /answer/1 or /answer/2 or /answer/3 etc. Im confused because Im using UI ROUTER I'm a beginner use UI ROUTER angularjs. Can you help me ? What should I do ? Thanks

我的路由代码:

.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});

};

推荐答案

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

It's quite simple. Only one thing you missed there, otherwise your code is right.

.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>

这篇关于在 Angular UI 路由器中提供带有 ID 的 URL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！