Angular ng-include不起作用

Question

Angular ng-include不起作用

javascripthtmlangularjsangularjs-ng-include

5

这是我网页的一部分，我试图在其中包含另一个HTML文件“content.html”，但它无法正常工作。源代码中的地址是正确的，但我仍然无法实现它。

  <!DOCTYPE html>
  <html lang="en">
  <head>

   <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Your page title here :)</title>
  <meta name="description" content="">
  <meta name="author" content="">
 <!-- Scripts
 –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 <script type="text/javascript" src="js\jquery-3.0.0.min.js"></script>
 <script type="text/javascript" src="js/angular.min.js"></script>
  </head>
  <body>
  <div ng-include src="'content.html'"></div>
  </body>
  </html>

这是我的content.html文件

  <div class="container">
  <h1>Heading!</h1>
  </div>

- Utkarsh Bhimte

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Pankaj Parkar · Accepted Answer

您应该将ng-app=""添加到页面的html标签中，这样Angular将在页面上启动。然后它将开始遍历页面并收集所有指令，并编译它们。

<html lang="en" ng-app="">

你可以直接在ng-include属性中传递模板值，而不是使用带有src的ng-include。

<div ng-include="'content.html'">

Demo Plunkr