可以从URL获取参数

Question

我正在处理我的 angularui 项目。在模块中，我尝试获取我在 URL.

中发送的变量

这是模块定义：

angular.module("workPlan", ['damageEvent',
                            'ui.router',
                            'geomindCommon',
                            'templates',
                            'lookups',
                            'ngTouch',
                            'ui.grid',
                            'ui.grid.expandable',
                            'ui.grid.selection',
                            'ui.grid.pinning',
                            'ui.grid.resizeColumns',
                            'ui.bootstrap'
])

.config([
    "$stateProvider",
    "$urlRouterProvider",
    function ($stateProvider, $urlRouterProvider) {

        $urlRouterProvider.otherwise("/MainPage");
        $stateProvider
            .state("workPlan", {
                abstract: true,
                url: "/",
                template: "<ui-view></ui-view>"
            })

         .state("workPlan.list", {
             url: "MainPage",
             templateUrl: "app/workPlan/templates/workPlanList.tmpl.html",
             controller: "workPlanListController",
             controllerAs: "list",
             resolve: {
                 param: function ($stateParams) {

                     var stringParam = $stateParams.myParam;
                     return $stateParams.myParam;
                 },
                 filterParameters: [filterParametersResolver],
                 workPlans: ["workPlanServise", workPlanServiseResolver]
             }
         })
    }
]);

在这一行中，我尝试从 URL:

获取参数

param: function ($stateParams) {    
    var stringParam = $stateParams.myParam;
    return $stateParams.myParam;
},

这是我的 URL:

http://example.com/playground#/MainPage?myParam = "Some string"

但 stringParam 始终是 undefined。

知道我在这里做错了什么吗？为什么 stringParam 是 undefined。

Answer 1

我们必须定义参数。在 url 或 params : {} 对象中。所以这应该可以解决它：

.state("workPlan.list", {
     //url: "MainPage",
     url: "MainPage?myParam", // here we say, that myParam is expected in url

其他设置方法params

How to pass parameters using ui-sref in ui-router to controller

可以从URL获取参数

Can get parameters from URL

state

angularjs

angular-ui

angular-ui-router