Angular $routeProvider 和控制器作为语法

【问题标题】：Angular $routeProvider and Controller As SyntaxAngular $routeProvider 和控制器作为语法
【发布时间】：2015-09-01 21:14:20
【问题描述】：

谁能告诉我使用$routeProvider 和Controller as syntax 是否有效？我在从this.foo 所在的控制器访问<h1>{{kickController.foo}}</h1> 时遇到问题。

angular.module('ucp.kick', ['ngRoute']).config(function($routeProvider, APP_BASE_URL) {
  return $routeProvider.when(APP_BASE_URL + 'kicks', {
    reloadOnSearch: false,
    navitem: true,
    name: 'Kicks',
    templateUrl: 'kick/partials/kick.html',
    controller: 'kick as KickController'
  });
});

【问题讨论】：

标签： angularjs routing angularjs-scope angularjs-routing ngroute

【解决方案1】：

您无法在 controller 选项中添加 controllerAs 语法 $routeProvider.when.

您应该使用 controllerAs 选项，该选项已提供用于以字符串格式获取控制器的别名，& controller 也接受将被视为角度控制器的字符串。

代码

$routeProvider.when(APP_BASE_URL + 'kicks', {
    reloadOnSearch: false,
    navitem: true,
    name: 'Kicks',
    templateUrl: 'kick/partials/kick.html',
    controller: 'KickController'
    controllerAs: 'kick' //controller alias taken out from controller option
});

或

controller: 'KickController as kick'

Doc Link

【讨论】：