AngularJs - ng-include not working

Question

Hi all I have been trying to using ng-include in my angular js application to get certain html from another html file. It is not working and the div that I apply ng-include to does not even appear in the output html. Request you to please help.

Pradeep Sahoo · Answer

Hi Vipul Please see the plunker  this is how it works http://plnkr.co/edit/O3NSb2VEwAEDrkmtoKZ6?p=preview http://plnkr.co/edit/CRzHHFTE0CbgymWrDHyY?p=preview http://stackoverflow.com/questions/26929178/ng-include-not-working-in-plunkr follow this  hope you will get some more information.

Vipul Malhotra · Answer

Hi Pradeep I was expecting that if the file path is wrong then I would get a 404 error in the browser console or nothing would be displayed. My issue is that the concerned div is also now not available in the html. PS - I have tried all the possible combinations of the file path. The folder structure is as : -exampleproject -public -views test.html sidebar.html app.js and in my file test.html I am including sidebar.html using the below line of code Tried below things as well: Thanks in advance

Pradeep Sahoo · Answer

ng-include is a directive which is used to include HTML contents from other files into the view's HTML template. For example if we want to include we need to write as Please make sure you have given proper path for the html file .