Angularjs ng-include directive not working

Question

I am facing problem while using angularjs ng-include directive.I checked various tutorials,but still couldnt solve.I want to display contents of 'title.html' inside 'index.html'. Contents of 'index.html' :

 <html ng-app>
    <head>
    <script type="text/javascript" src="js/angular.min.js"></script>
    </head>
    <body>
    <h1 ng-model="name">hello {{"name"}}</h1>
    <h3 ng-include="'title.html'"></h3>
    </body>
    </html>

Contents of 'title.html': "sometext"

I am expecting an output like this: hello name sometext

But "sometext" is not displayed.Please help

Joe · Accepted Answer · 2014-06-04 04:11:18Z

1

You don't need test.html inside single quotes. Try this:

  <h3 ng-include="title.html"></h3>

Also, ng-include will not working using the file:/// protocol, so make sure you're using a web server.

answered Jun 4, 2014 at 4:11

Joe

2,5962 gold badges16 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

Angularjs ng-include directive not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related