javascript - angularJS 在 Controller 中设置路由参数

标签 javascript html angularjs angular-material routeparams

我有一个应用程序可以创建多个带有随机调查 ID 的调查。由于 ID 是在后端生成的,因此它们是在 Controller 中设置的。我阅读了相关文档,但我并不真正了解如何设置路由参数以始终到达页面/survey/:surveryID。

到目前为止,这是我的代码:

应用配置:

...
 .when('/survey/:surveyId', {
        templateUrl: 'views/survey.html',
        controller: 'SurveyCtrl',
        controllerAs: 'survey'
      })

Controller :

function SurveyCtrl($scope, RequestService, _, $location, $routeParams) {

  $scope.go = function () {
    $location.path('/#/survey/' + Math.random());
  };
}

查看链接到/survey/:surveyId:

  <div>
    <md-button ng-click="go()">Enter Survey</md-button>
  </div>

我知道这不是正确的方法,甚至不起作用。有人可以告诉我如何动态创建这些参数并在 Controller 中设置它们,以便我可以使用按钮访问链接,然后在单击时到达 survey/:surveyId 页面吗?

最佳答案

为了完成你的工作,

$location.path('/survey/' + Math.random());

您也可以使用搜索方法传递参数,

$location.path('/myURL/').search({param: 'value'});

$location 方法是可链接的。

这个产品:

/myURL/?param=value

关于javascript - angularJS 在 Controller 中设置路由参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43501652/

相关文章:

javascript - 如何注入(inject) Angular 拦截器

javascript - jQuery preventDefault() 没有像我预期的那样工作——这是一个 jQuery 错误吗?

javascript - Firebase 模拟器对本地 FireStore 的请求不成功

javascript - 单击弹出框后面的主体时,如何淡出弹出框

android - WebView 和 HTML5 <视频>

javascript - JQuery,左位置错误

javascript - AngularJS 商业网站

javascript - 如何观察更改 AngularJS 模型,其中复选框从 jquery 更改

javascript - 如何防止 Ajax 溢出/服务器崩溃? (Arduino/ESP8266环境)

html - css a nav 隐藏了我的文本