Yeoman生成的Angular应用程序没有加载注入的依赖项

时间:2015-09-30 14:34:22

标签: angularjs bower yeoman code-injection ng-dialog

可能是新手的问题,但我需要将ngDialog模块添加到角度。 我注意到在安装了凉亭后,Yeoman没有自动更新文件,所以我添加了

<script src="bower_components/ngDialog/js/ngDialog.js"></script>

到index.html。

我继续将'ngDialog'添加到主模块依赖项中,例如

angular.module('sigaApp', ['ngDialog'])
  .controller('MainCtrl', function () {
    this.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];
  });

我还将$scope'ngDialog'添加到我的控制器中,就像这样

angular.module('sigaApp')
    .controller('myNewCtrl', ['$scope', 'ngDialog',
        function ($scope, ngDialog) {
            $scope.open = function () {
                ngDialog.open({ template: 'templateId' });
            };
        }
    ]
);

我所做的一切。 Grunt刷新页面没有错误,页面控制台没有显示错误,但页面显示,我不知道为什么。

它是否应该自动加载依赖项,我不应该手动添加这些注入? 是否有另一种标准方法来添加依赖项?

感谢任何帮助。谢谢!

1 个答案:

答案 0 :(得分:1)

回答我自己的问题:删除模块并安装bower install ng-dialog --save - save 添加到命令行。

- save 参数的作用实际上是&#34;将已安装的软件包保存到项目的bower.json依赖项中&#34; (引用bower帮助)并且就我所知,Yeoman从中获取依赖关系以更新index.html。