如何在多个文件中定义控制器-AngularJs

naCheex

我试图在单独的文件中定义控制器,但出现错误:

transactionsController not a function got undefined

档案结构

我已按以下顺序添加了文件1- common.js 2-transactions.js

Common.js在我定义的通用文件中

var app = angular.module("spModule", ["ngMessages", "ui.bootstrap"]);

Transactions.js

angular.module('spModule').controller('transactionsController',
    ['$scope', '$http', function ($scope, $http) {} ]
);

HTML文件

<body ng-app="spModule" ng-controller="transactionsController">
Fdomig

首先,您应该摆脱全局app变量。这不是必需的。其次,您必须了解该angular.module()方法的原理

使用angular.module()具有两个参数(例如angular.module('my-module', []))将导致设定与其相应的依赖关系的新模块。相反,在使用angular.module('my-module')相应模块时,将在内部查找相应模块并返回给调用方(get)。

首次定义应用程序时,可能只需要创建以下文件和结构。

app.js

angular.module('myApp', []);

FirstController.js

angular.module('myApp').controller('FirstController', function () {});

SecondController.js

angular.module('myApp').controller('SecondController', function () {});

如果现在按照这种特殊顺序将这些文件包括在html文档中(至少必须先添加app.js),则您的应用程序可以在两个单独的文件中使用两个单独的控制器正常工作。

进一步阅读

我可以在模块上推荐AngularJS样式指南,以获取有关此主题的更多想法。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在angularJS中为一个视图定义多个控制器?

来自分类Dev

如何在AngularJS中实现控制器特征

来自分类Dev

如何在angularjs的子模块中引用控制器

来自分类Dev

AngularJS-如何在控制器中过滤日期

来自分类Dev

如何在AngularJS控制器中编码URL

来自分类Dev

如何在Angularjs中刷新控制器?

来自分类Dev

定义控制器-angularjs

来自分类Dev

如何在AngularJS的Router UI控制器中访问主控制器变量?

来自分类Dev

如何在angularjs的控制器中调用函数?

来自分类Dev

如何在angularjs的控制器中输出json数据

来自分类Dev

AngularJS:如何在Javascript文件中访问父级的命名控制器,反之亦然?

来自分类Dev

如何在angularJS控制器中编写Switch语句

来自分类Dev

如何在Ajax调用中在控制器外部调用Angularjs控制器函数

来自分类Dev

如何在AngularJS中使用http调用实现多个ng控制器?

来自分类Dev

如何在AngularJS的单个页面中添加多个控制器

来自分类Dev

将AngularJS控制器拆分为多个文件

来自分类Dev

如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

来自分类Dev

如何在AngularJS的子控制器中调用函数?

来自分类Dev

如何在angularjs中的控制器内部求和

来自分类Dev

如何在AngularJS控制器中测试服务?

来自分类Dev

如何在AngularJS控制器中引用/要求父控制器?

来自分类Dev

如何在angularjs的子模块中引用控制器

来自分类Dev

AngularJS:如何从多个控制器修改服务中的数组

来自分类Dev

如何在AngularJS中实例化控制器组件?

来自分类Dev

如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

来自分类Dev

如何在angularjs控制器中读取对象?

来自分类Dev

AngularJS-在多个文件中拆分控制器功能

来自分类Dev

如何在 angularjs 控制器中获取 json 数据

来自分类Dev

AngularJS - 如何在状态解析函数中获取状态名称以加载控制器文件?

Related 相关文章

  1. 1

    如何在angularJS中为一个视图定义多个控制器?

  2. 2

    如何在AngularJS中实现控制器特征

  3. 3

    如何在angularjs的子模块中引用控制器

  4. 4

    AngularJS-如何在控制器中过滤日期

  5. 5

    如何在AngularJS控制器中编码URL

  6. 6

    如何在Angularjs中刷新控制器?

  7. 7

    定义控制器-angularjs

  8. 8

    如何在AngularJS的Router UI控制器中访问主控制器变量?

  9. 9

    如何在angularjs的控制器中调用函数?

  10. 10

    如何在angularjs的控制器中输出json数据

  11. 11

    AngularJS:如何在Javascript文件中访问父级的命名控制器,反之亦然?

  12. 12

    如何在angularJS控制器中编写Switch语句

  13. 13

    如何在Ajax调用中在控制器外部调用Angularjs控制器函数

  14. 14

    如何在AngularJS中使用http调用实现多个ng控制器?

  15. 15

    如何在AngularJS的单个页面中添加多个控制器

  16. 16

    将AngularJS控制器拆分为多个文件

  17. 17

    如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

  18. 18

    如何在AngularJS的子控制器中调用函数?

  19. 19

    如何在angularjs中的控制器内部求和

  20. 20

    如何在AngularJS控制器中测试服务?

  21. 21

    如何在AngularJS控制器中引用/要求父控制器?

  22. 22

    如何在angularjs的子模块中引用控制器

  23. 23

    AngularJS:如何从多个控制器修改服务中的数组

  24. 24

    如何在AngularJS中实例化控制器组件?

  25. 25

    如何访问Angularjs控制器中其他文件(不是控制器)中定义的功能?

  26. 26

    如何在angularjs控制器中读取对象?

  27. 27

    AngularJS-在多个文件中拆分控制器功能

  28. 28

    如何在 angularjs 控制器中获取 json 数据

  29. 29

    AngularJS - 如何在状态解析函数中获取状态名称以加载控制器文件?

热门标签

归档