用于 HTML 模板的 Angular JS答案

【问题标题】：Angular JS for HTML Templating用于 HTML 模板的 Angular JS
【发布时间】：2015-12-17 03:59:48
【问题描述】：

我正在考虑使用 Angular JS 来更有效地管理我的 HTML 构建，并尝试将我的一些 HTML 模板化。但是，它似乎不起作用？我有；

  <div class="container">

      <div ng-include='"templates/menu.html"'></div>
      <div class="row">
          <div class="col-xs-12">
              <h1>Hello, baby!</h1>
              <p>This is the first ever Angular JS I have ever done.</p>
          </div>
      </div>         
  </div>



<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="_includes/scripts/bootstrap.min.js"></script>
<script src="_includes/scripts/angular.js"></script>

然后我创建了一个名为 templates 的文件夹，我在其中放置了一个名为 menu 的 HTML 文件，其中包含一个导航 ul，显然将其保存为 menu.html。当我在浏览器中查看 index.html 时，不会呈现菜单。欢迎任何帮助。谢谢

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

更新的答案（下面的讨论摘要）。

工作示例：http://jsfiddle.net/uo04c05h/
Angular 应该由 ng-app 指令启动 <div ng-app class="container">
文件的路径与启动 angular 的文件相关

【讨论】：

感谢您的回复。我将其用作指南airpair.com/angularjs/building-angularjs-app-tutorial 如果引号在双引号内，那么我猜该artcile 不正确。但是，在我的代码中更改它仍然没有呈现任何内容。有任何想法吗？谢谢
你能试试吗：
- 还要确保路径是正确的，并且是相对于 Angular 应用程序的初始化位置.所以它可能需要例如/templates/menu.html
我现在有
并且该 menu.html 的路径是正确的如何初始化 Angular 应用程序？
更多研究表明，我需要安装 Git 和 Node Js，并从疯狂的科学家那里弄清楚如何在 Angular 工作之前进行设置。 Node JS 的实际作用超出了我的范围。我认为它会相当直截了当。例如，指向 angular.js 的链接添加 ng-includes 标签，将一些 HTML 放在单独的文件中，然后在 Web 浏览器中打开并繁荣。显然不是。目标是让 abe 编辑一个 menu.html 文件，而不是编辑包含菜单的所有 300 个静态网页。不过感谢您的帮助，非常感谢。
nodejs 是服务端的，git 跟它没有关系。最后一次尝试 - 尝试在 body 中添加将初始化 angularjs 的属性。