在 AngularJS 的 UI 路由器中分配单独的控制器文件
Assigning separate controller files in AngularJS's UI Router
我是 AngularJS 和 AngularJS 的 UI 路由器的新手。我有一个基本的 index.html 文件,我在其中注入了视图。然后我有 app.js 里面的路线,一个模板 client.html 和一个关于该模板的控制器 clientContoller.js 我想弄清楚如何分配给 $[= 的控制器19=] 控制器文件 clientController.js 例如下面的代码。
$stateProvider.state('client', {
url: '/client',
templateUrl: 'client.html',
controller: 'clientController.js',
controllerAs: 'client'
});
您应该分配给 ui-router
的 controller
键的是控制器的 名称(不是文件名)。然后您只需将您的 clientController.js
文件包含在您的 index.html 中。例如:
里面 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'
});
我是 AngularJS 和 AngularJS 的 UI 路由器的新手。我有一个基本的 index.html 文件,我在其中注入了视图。然后我有 app.js 里面的路线,一个模板 client.html 和一个关于该模板的控制器 clientContoller.js 我想弄清楚如何分配给 $[= 的控制器19=] 控制器文件 clientController.js 例如下面的代码。
$stateProvider.state('client', {
url: '/client',
templateUrl: 'client.html',
controller: 'clientController.js',
controllerAs: 'client'
});
您应该分配给 ui-router
的 controller
键的是控制器的 名称(不是文件名)。然后您只需将您的 clientController.js
文件包含在您的 index.html 中。例如:
里面 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'
});