javascript - 在 Release模式下第一次 ng-include 后 Angular 暂停

Question

我正在使用 yeoman/generator-grunt-angular 系统编译一个 Angular 应用程序，我对它稍作修改以适应与另一个应用程序共享的代码。 “ Release模式”正在将所有模板编译到 javascript 中，以便立即加载所有内容。如果我引用一个模板，如下所示:

<div ng-include="'components/navbar/navbar.html'" />
<div class="row">
  <div class="large-4 columns">
    <h3>Your Courses</h3>
    <div ng-include="'components/courses/course-list.html'" ng-controller="MyCoursesCtrl" />
    <form id="fileupload" 
          data-url="http://api.orienteer.io/upload_gpx"
          method="POST" enctype="multipart/form-data" 
          data-ng-controller="GpxFileUploadCtrl" 
          ng-submit="alert('gooo');">
      <span class="btn btn-success fileinput-button"  ng-class="{disabled: disabled}">
        <i class="glyphicon glyphicon-plus"></i>
        <span>Upload a GPX File</span>
        <input type="file" name="gpx_file" ng-disabled="disabled">
        {{ status }}
      </span>
    </form>
  </div>
</div>

模板在第一个包含之后停止。如果我删除第一个，它会在第二个之后停止。包含整个模板，但后面没有任何内容(在这种情况下，呈现导航栏，但后面没有任何内容)。

没有错误被抛出，模板都愉快地驻留在模板缓存中(它们出现的事实证明，它们只是停止行为)。

开发模式下的代码没有问题，我完全不知道如何进一步调试它。有什么方法可以打开详细日志记录、调试等吗？我已经关闭了代码压缩以便我可以阅读内容，但没有抛出任何错误，我不知道从哪里开始。

编辑以下是我正在使用的所有依赖项的版本:

  "dependencies": {
    "modernizr": "2.8.x",
    "angular": "1.3.4",
    "jquery" : "1.x.x",
    "angular-animate" : "1.3.x",
    "angular-cookies" : "1.3.x",
    "angular-touch" : "1.3.x",
    "angular-sanitize" : "1.3.x",
    "angular-resource" : "1.3.x",
    "angular-ui-router" : "0.2.x",
    "angular-leaflet-directive" : "latest",
    "lodash" : "latest",
    "foundation" : "5.4.x",
    "jquery-file-upload" : "latest"
  },

Answer 1

我今天正在检查这个主题，我记得 W3Schools 上使用的不同符号.

他们使用:

<div ng-include="'myUsers_Form.htm'"></div>

代替:

<div ng-include="'myUsers_Form.htm'" />

当我将第一个包含更改为您的样式时，我遇到了与后一个包含相同的问题，但在 W3Schools 使用的符号中，它可以包含多个文件。