在 AngularJS 的 UI 路由器中分配单独的控制器文件

【问题标题】：Assigning separate controller files in AngularJS's UI Router在 AngularJS 的 UI 路由器中分配单独的控制器文件
【发布时间】：2015-12-31 02:32:15
【问题描述】：

我是 AngularJS 和 AngularJS 的 UI 路由器的新手。我有一个基本的 index.html 文件，我在其中注入了视图。然后我有app.js，里面有路由，一个模板client.html和一个关于该模板的控制器，称为clientContoller.js 我试图弄清楚如何将控制器文件clientController分配给$stateProvider.state的控制器。 js 比如下面的代码。

$stateProvider.state('client', {
    url: '/client',
    templateUrl: 'client.html',
    controller: 'clientController.js',
    controllerAs: 'client'
});

【问题讨论】：

标签： angularjs angular-ui-router angular-controller

【解决方案1】：

您应该为ui-router 分配给controller 键的是控制器的名称（而不是文件名）。然后，您只需在 index.html 中包含您的clientController.js 文件。例如：

index.html 内：

<script src="clientController.js"></script>

在你的 clientController.js 中：

angular.module('myApp', [])
    .controller('ClientCtrl', function($scope){
        // controller code
    });

在你的 app.js 状态定义中：

.state('client', {
    url: '/client',
    templateUrl: 'client.html',
    controller: 'ClientCtrl'
});

【讨论】：