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

时间:2015-12-31 02:32:16

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

我是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'
});

1 个答案:

答案 0 :(得分:3)

您应该为controller的{​​{1}}键指定的是控制器的名称(不是文件名)。然后,您只需在index.html中包含ui-router文件即可。例如:

内部index.html:

clientController.js

在clientController.js中:

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

在app.js状态定义中:

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