angularjs控制器模块参考加载空白页

angularjs controller module reference loads blank page

本文关键字:空白 加载 参考 控制器 模块 angularjs      更新时间:2023-09-26

我正在尝试实现角度向导模块。

我有一个由yeoman生成的棱角分明的应用程序。我使用bower install angular-wizard获取模块,并在app.js脚本标签上方的index.html中引用了它和其他模块,如angular resource、angular cookie等。

主视图加载良好,直到我将mgo-angular-wizard引用添加到控制器依赖项,添加后页面加载为空白,控制台中没有错误。例如:

'use strict';
angular.module('merlinApp', ['mgo-angular-wizard']) // this is where everything breaks
  .controller('MainCtrl', function ($scope) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];
  });

我的index.html中包含以下脚本:

<script src="bower_components/jquery/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
    <!-- build:js scripts/modules.js -->
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-wizard/dist/angular-wizard.js"></script>
    <!-- endbuild -->
    <!-- build:js({.tmp,app}) scripts/scripts.js -->
    <script src="scripts/app.js"></script>
    <script src="scripts/controllers/main.js"></script>
    <!-- endbuild -->

Lodash(或Underscore)依赖关系?

如果仍然不起作用,请尝试在html页面中添加向导指令。