【问题标题】:Angular Set Controller and routeParamsAngular 设置控制器和 routeParams
【发布时间】:2015-09-14 15:32:35
【问题描述】:

我在配置我的应用程序时使用 routeProvider 来设置控制器和路由参数。这是我正在使用的代码:

app.config(['$routeProvider', function($routeProvider) {
   $routeProvider.
        when('/person/:uuid/report', { controller: 'CandidateCtrl' }).
        when('/person/:uuid/confirm', { controller: 'ConfirmCtrl', }).
        when('/person/add', { controller: 'AddCtrl' })
}]);

但是,控制器设置不正确。此外,当我在页面本身中使用 ng-controller 设置控制器时, routeParams 对象为空。我做错了什么?


编辑:

我也试过这个,它也没有将控制器与页面关联,也没有设置路由参数。

app.config(['$routeProvider', function($routeProvider) {
   $routeProvider.
        when('/person/:uuid/report', { controller: 'CandidateCtrl', template: 'templates/report.html' }).
        when('/person/:uuid/confirm', { controller: 'ConfirmCtrl', template: 'templates/confirm.html'  }).
        when('/person/add', { controller: 'AddCtrl', template: 'templates/add.html'  })
}]);

这是我用来测试的控制器:

appController.controller('CandidateCtrl', ['$routeParams',
        function($routeParams) { 
    console.log($routeParams);
}]);

【问题讨论】:

  • 什么意思设置不正确?
  • 配置路由时为什么没有指定templateUrl属性?
  • @tymeJV:我的意思是控制器与页面没有关联——它没有提取任何适当的信息。 @SatyamKoyani,我试过了,已经对问题进行了更新。
  • 你能做一个小提琴或分享你的控制器的sn-p吗?
  • @cscan 您的控制器 sn-p 将帮助我们解决您的问题。发布一些控制器 sn-p

标签: javascript angularjs angular-routing


【解决方案1】:

尝试添加templateUrl

app.config(['$routeProvider', function($routeProvider) {
  $routeProvider.
  when('/person/:uuid/report', {
    templateUrl: 'partials/CandidateCtrl.html', //TODO : replace with the good template
    controller: 'CandidateCtrl'
  }).
  when('/person/:uuid/confirm', {
    templateUrl: 'partials/ConfirmCtrl.html', //TODO : replace with the good template
    controller: 'ConfirmCtrl'
  }).
  when('/person/add', {
    templateUrl: 'partials/AddCtrl.html', //TODO : replace with the good template
    controller: 'AddCtrl'
  }).
  otherwise({
    redirectTo: 'Something' //TODO : replace with the good url
  });
}]);

【讨论】:

    【解决方案2】:

    我通过我的 web-mvc 提供意见。从那以后,我将其更改为提供布局并将部分页面保存在资源文件夹中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-05
      • 2016-02-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多