Angular js simple ng-include not working

Question

I'm new in angular js. I am trying to include simple html file in my page.

This is my code:

<!DOCTYPE html>
<html ng-app="">
<head>
</head>

<body ng-controller="userController">

<div class="container">
  <div ng-include src="'about.html'"></div>
</div>

<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script>

</body>
</html>

and about.html

<table class="table table-striped">
  <thead><tr>
    <th>Edit</th>
    <th>First Name</th>
    <th>Last Name</th>
  </tr></thead>
  <tbody><tr>
    <td>
      Edit
    </td>
    <td>ss</td>
    <td>dd</td>
  </tr></tbody>
</table>

But it doesn't include 'about.html' page.

What's wrong with this code?(Sorry for bad english)

Thanks in advance.

Did you able to solve this problem? I am having the same issue. Please post the solution if you had solved this. Below answer does not work for me. — Amarnath
– Amarnath, Commented Oct 12, 2014 at 15:14

Rickard Staaf · Accepted Answer · 2014-10-06 05:59:05Z

1

Try

<div ng-include="'about.html'"></div>

or

<ng-include src="'about.html'"></ng-include>

answered Oct 6, 2014 at 5:59

Rickard Staaf

2,8702 gold badges17 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Amarnath Over a year ago

I tried the same example with your answer but still I am not able to include the new HTML file. I got Page not found error.

Rickard Staaf Over a year ago

I just copied the sample above and put the index.html and about.html files in the same folder, and removed the ng-controller from body since I do not have a js file with a controller in it and it worked fine for me.

Amarnath Over a year ago

Thanks. Can you please look at this question which I have posted.

Variant · Accepted Answer · 2014-10-13 08:39:03Z

0

The included file url should be relative to the client url of the including page. You are probably using some sort of web framework that abstracts your URL format.

You should put the included files together with other static files.

answered Oct 13, 2014 at 8:39

Variant

17.4k4 gold badges44 silver badges67 bronze badges

Collectives™ on Stack Overflow

Angular js simple ng-include not working

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related