在释放模式下首次包含后的角度停止

Angular halting after first ng-include in release mode

本文关键字：包含 模式 释放      更新时间：2023-09-26

我正在使用 yeoman/generator-grunt-angular 系统编译一个角度应用程序，我对其进行了轻微修改以适应与其他应用程序共享的代码。 "发布模式"是将所有模板编译到 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"
  },

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

他们使用了：

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

而不是：

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

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

基于聊天：切换到更完整的UI路由器实现可能会解决与ng-include指令的明显不兼容性。 https://github.com/angular-ui/ui-router

相关文章：