gpt4 book ai didi

coffeescript - AngularJS:如何在多个文件中创建 Controller

转载 作者:行者123 更新时间:2023-12-03 11:01:18 25 4
gpt4 key购买 nike

我正在尝试将我的 Controller 拆分为多个文件,但是当我尝试在我的模块中注册它们时出现错误:

groupcontroller.coffee

app = angular.module('WebChat', []);
app.controller 'GroupController', ($scope) ->

用户 Controller .coffee
app = angular.module('WebChat', []);
app.controller 'UserController', ($scope) ->

错误

错误:参数“GroupController”不是函数,未定义

从文档中我并没有真正了解模块方法的作用。它是否将我的 Controller 与 key “Webchat”一起存储?

编辑:
似乎传递 [] 会创建一个新模块并覆盖前一个模块
app = angular.module('WebChat', []);

为防止这种情况,您必须省略 [] 之类的
app = angular.module('WebChat');

最佳答案

这是我所做的:

索引.html

<script src="js/angular.js" type="text/javascript" charset="utf-8"></script>
<script src="js/myApp.js" type="text/javascript" charset="utf-8"></script>
<script src="js/myCtrlA.js" type="text/javascript" charset="utf-8"></script>
<script src="js/myCtrlB.js" type="text/javascript" charset="utf-8"></script>

应用程序.js
myApp = angular.module('myApp', [])
myApp.config ($routeProvider) ->
$routeProvider.when('/a', {controller: 'myCtrlA', templateUrl: 'a.html'})
$routeProvider.when('/b', {controller: 'myCtrlB', templateUrl: 'b.html'})

我的CtrlA.js
angular.module('myApp').controller 'myCtrlA', ($scope) ->
console.log 'this is myCtrlA'

我的CtrlB.js
angular.module('myApp').controller 'myCtrlB', ($scope) ->
console.log 'this is myCtrlB'

如您所见,如果我有很多 Controller js 文件,
index.html 中也会有很多脚本元素。
我还不知道该怎么处理。

仅供引用: http://briantford.com/blog/huuuuuge-angular-apps.html
但是这篇文章也没有提到html文件。

关于coffeescript - AngularJS:如何在多个文件中创建 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12655890/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com