定义模块时,依赖注入不起作用

时间:2015-07-27 15:50:17

标签: javascript angularjs

我是棱角分明的新手,所以请让我知道我在这里犯的绝对新手错误。

我有一个模块和控制器

(function () {
    'use strict';

    angular
        .module('myApp')
        .controller('myController', MyController);

为简洁起见,我删除了大部分代码,只显示相关部分。

此代码非常完美,页面加载,所有内容都按预期运行。

然而,当我想在模块中注入一些内容时,我的问题出现了

(function () {
    'use strict';

    angular
        .module('myApp', ['custom'])
        .controller('myController', MyController);

当我这样做时,我的页面根本没有加载,我在控制台输出中没有错误。

所以我原本以为是自定义模块没有正确加载,所以我尝试了这个

(function () {
    'use strict';

    angular
        .module('myApp', [])
        .controller('myController', MyController);

即使我看到很多像这样的例子,它也无法正常工作,同样没有任何东西加载,空方括号。

我使用的是AngularJS 1.3.16。

1 个答案:

答案 0 :(得分:1)

  • angular.module('myApp', []):定义一个覆盖之前定义的新应用。
  • angular.module('myApp'):检索现有应用。

当您使用angular.module('myApp')时,它运行良好。因此,代码中必须显示:angular.module('myApp', [])

angular.module('myApp', ['custom'])使页面无效,因为此新定义会覆盖前一个定义。

检查https://docs.angularjs.org/guide/bootstrap