使用点访问$ routeparam和$ stateParam对象

时间:2015-07-14 11:39:39

标签: angularjs routing

我带走了太多东西来去除这件事我似乎无法弄清楚这一点。我想我在这里缺少一些基本的东西。这是我的问题consol.log($ stateParams)在控制台中返回params,如下所示

  

energyChain:“6”energyId:“1”facilityId:“1”resourceId:“1”   但是当像这样运行以获得特定的参数时

consol.log($ stateParams.energyChain)返回

undfined
6

此链接http://localhost:3238/#/resource/1/6/1/1 这里要么控制器被执行两次未定义值一次6值,这是真的或者statesparam将旧值返回到我的变量

这是我的代码

                    var myApp = angular.module('myApp', ['ngGrid', "ngAnimate", "ngAria", 'ngMaterial', "ui.router"]);
                myApp.config(function ($stateProvider, $urlRouterProvider) {

                    // For any unmatched url, send to /route1
                    $urlRouterProvider.otherwise("/")

                    $stateProvider
                      .state('firstState', {
                          url: "/resource/:energyId/:energyChain/:resourceId/:facilityId",
                          templateUrl: "/Content/resourceTemplate.html",
                          controller: "detailsController"
                      })

                });

                myApp.controller('detailsController', ['$scope', '$stateParams', function ($scope, $stateParams) {
                    console.log($stateParams.energyChain);

                    $scope.models = [
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "October" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "September" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "October" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "Annual" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "Annual" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "Annual" },
                             { Parameter: "Power", Values: "23", Per: "Of Mega watt", Scale: "Hundred", Unit: "MW", Period: "Annual" }
                    ];


                    $scope.years = ['2015', '2014', '2013', '2012', '2011', '2010'];
                    $scope.Annuals = ['January', 'February', 'March', 'April', 'May', 'June',
                                    'July', 'August', 'September', 'October', 'November', 'December'];

                }]);

但由于此错误无法单独访问params

0 个答案:

没有答案