Ng-Include 对 Controller compile 的注释答案

【问题标题】：Ng-Include comments out on Controller compileNg-Include 对 Controller compile 的注释
【发布时间】：2016-07-12 18:35:40
【问题描述】：

我正在创建一个 Angular 应用程序，但遇到了一个奇怪的问题。

这是我的控制器：

angular.module('clientApp')
.controller('AdminCtrl', function ($scope) {


});

这是我的看法：

    <div class="admin" ng-controller="AdminCtrl">
      <div ng-include="'/views/partials/header-admin.html'"></div>
      <p>This is the admin view.</p>
    </div>

问题是当我运行应用程序时，ng-include 会出现注释掉：

<!-- ngInclude: '/views/partials/header-admin.html' -->

但如果我删除视图中的 ng-controller，它会毫无问题地呈现 ng-include：

 <div class="admin" >
    <div ng-include="'/views/partials/header-admin.html'"></div>
    <p>This is the admin view.</p>
</div>

html:

<div ng-include="'/views/partials/header-admin.html'" class="ng-scope"><header class="ng-scope">
    <div class="logo">
    <div class="user-preferences"></div>
</div></header>
<nav class="left-nav ng-scope">
    <ul>
        <li>
            <a href="#">Dashboard</a>
        </li>
        <li>
            <a href="#">Temas (Materias)</a>
        </li>
        <li>
            <a href="#">Sitios</a>
        </li>
        <li>
            <a href="#">Grupos</a>
        </li><!-- 
        <li>
            <a href="#">Dashboard</a>
        </li> -->
    </ul>
</nav></div>

【问题讨论】：

那是你的整个 html 吗？（头，身体）
创建一个复制这个的 plunker 演示
不，只是该视图的输出

标签： javascript html angularjs gruntjs

【解决方案1】：

首先，您的部分视图代码中有错误。您不能让 ng-include 指向同一个文件：

<div ng-include="'/views/partials/header-admin.html'" class="ng-scope"><header class="ng-scope">

如果你这样做，你必须收到一些错误，例如：

因为您使用包含文件创建了一个无限的 bucle，所以您要做的第一件事就是删除部分文件中的包含。我想这应该没有问题了！

【讨论】：