使用URL中的ui-router传递参数

时间:2016-05-17 05:31:42

标签: angularjs angular-ui-router

您好我正在尝试将参数从第A页传递给B.let,并说您从第A页的用户那里获得了一个名称,并想在第B页中显示它。

我搜索了很多,但没有工作结果,所以我可以看到所有部分如何协同工作。

问:我知道我需要在这里使用$ stateParams,但对我来说还不清楚。

谢谢你的到来。

1 个答案:

答案 0 :(得分:2)

以下是使用状态参数的示例:

var app = angular.module('app', [])
app.config(function($stateProvider){
  $stateProvider
  .state('sample', {
    url: '/sample/:name',
    templateUrl: '.sampleView.html',
    controller: 'SampleController'
 })

 app.controller('SampleController', function($stateParams) {
   //access params by using $stateParams.<param name>
    var name = $stateParams.name;
 }

您描述的场景听起来更像是您想要使用工厂/服务甚至是某些浏览器缓存的场景。