在AngularJS'中分配单独的控制器文件；用户界面路由器

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

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

---

您应该为

ui路由器

分配给

控制器

键的是控制器的名称（而不是文件名）。然后，只需在index.html中包含

clientController.js

文件。例如：

Inside index.html：

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

在app.js状态定义中：

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

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