javascript - angular ng-include not working - Stack Overflow|江阴雨辰互联

The is a part of my html where I am trying to include the another HTML file "content.html" but it is not working. Those addresses in the source are correct but still I am not able to make it happen.

  <!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>

and this is my content.html

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

The is a part of my html where I am trying to include the another HTML file "content.html" but it is not working. Those addresses in the source are correct but still I am not able to make it happen.

  <!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>

and this is my content.html

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

Share edited Jul 20, 2016 at 19:45 Pankaj Parkar 136k23 gold badges240 silver badges303 bronze badges asked Jul 20, 2016 at 19:30 Utkarsh Bhimte 3354 silver badges12 bronze badges

Add a ment |

1 Answer 1

Sorted by: Reset to default 7

You should add ng-app="" to your page html tag, so that angular will get kick off on the page. After that will start traversing the page & will collect all directive & it will pile them.

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

Instead of ng-include with src you could directly pass template value in ng-include attribute as well.

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

Demo Plunkr

发布者：admin，转转请注明出处：http://www.yc00.com/questions/1745074889a4609775.html

javascript - angular ng-include not working - Stack Overflow

1 Answer 1

发表回复

评论列表（0条）

联系我们

400-800-8888

javascript - angular ng-include not working - Stack Overflow

1 Answer 1

相关推荐