Yeoman 生成的 Angular 应用程序未加载注入的依赖项答案

【问题标题】：Yeoman generated Angular application not loading injected dependenciesYeoman 生成的 Angular 应用程序未加载注入的依赖项
【发布时间】：2015-09-30 14:34:21
【问题描述】：

可能是新手的问题，但我需要将 ngDialog 模块添加到 angular. 我注意到使用 bower 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 刷新页面没有错误，页面控制台也没有显示错误，但是页面显示什么都没有，我就是不知道为什么。

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

感谢任何帮助。谢谢！

【问题讨论】：

你真的打电话给$scope.open()吗？ templateId 是存在的模板吗？ github.com/likeastore/ngDialog#template-string --- 另外，当您使用 grunt 时，您应该参考包含模板的 HTML 文件 template: 'template.html'

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

【解决方案1】：

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

--save 参数的作用实际上是“将已安装的包保存到项目的 bower.json 依赖项中”（引用 bower 帮助），据我所知，有Yeoman 从中获取依赖项以更新 index.html。

【讨论】：