Question

我正在考虑使用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时，菜单不会呈现。欢迎任何帮助。感谢

Answer 1

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

工作示例：http://jsfiddle.net/uo04c05h/
Angular应该通过ng-app指令启动 <div ng-app class="container">
文件路径相对于启动角度的文件

用于HTML模板的Angular JS

1 个答案: