角度ng - 包括不工作

Utk*_*mte 5 html javascript angularjs angularjs-ng-include

这是我的HTML的一部分,我试图包含另一个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>
Run Code Online (Sandbox Code Playgroud)

这是我的content.html

  <div class="container">
  <h1>Heading!</h1>
  </div>
Run Code Online (Sandbox Code Playgroud)

Pan*_*kar 7

您应该添加ng-app=""到页面html标记中,以便在页面上启动角度.之后将开始遍历页面并将收集所有指令并将编译它们.

<html lang="en" ng-app="">
Run Code Online (Sandbox Code Playgroud)

而不是ng-includesrc您可以直接在通过模板值ng-include属性为好.

<div ng-include="'content.html'">
Run Code Online (Sandbox Code Playgroud)

演示Plunkr

  • 使用它作为属性时,是否还需要将它用作`ng-include ="'content.html'"` 使用`ng-include`作为元素时,`src`不是有效的吗? (2认同)