angularjs : ng-include not working in another view

Question

I am trying to include a template and its not working.I have had trouble with includes every single time I try to use them. Is there something I am doing wrong?

views structure :

https://i.sstatic.net/yFeYs.png

UserList.html :

<p>
    UserList
</p>
<div ng-include src="'../Partials/Paging.html'"></div>

update :

Paging   : localhost/Administrator/App/Views/User/UserList.html 
UserList : localhost/Administrator/App/Views/Partials/Paging.html 
Index    : localhost/Administrator/Index.html

where is your index.html ? try with src="Partials/Paging.html" — murli2308
– murli2308, Commented Nov 4, 2016 at 8:43
paging : localhost/Administrator/App/Views/Partials/Paging.html ---- and index : localhost/Administrator/Index.html — mywindowshosting2016
– mywindowshosting2016, Commented Nov 4, 2016 at 8:50
Please try whether the path given in my answer is correct or not — Nitheesh
– Nitheesh, Commented Nov 4, 2016 at 9:02

dbarthel · Accepted Answer · 2016-11-04 09:05:48Z

1

Your include path starts on your index.html, since its loaded from there while running your SPA. So your include path has to be relative to your index.html:

<div ng-include="'App/Views/Partials/Paging.html'"></div>

answered Nov 4, 2016 at 9:05

dbarthel

1301 silver badge11 bronze badges

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

Comments

Sujithrao · Accepted Answer · 2016-11-04 08:45:28Z

0

Try this

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

till if you will not get the src path might be wrong

answered Nov 4, 2016 at 8:45

Sujithrao

7853 gold badges12 silver badges27 bronze badges

Comments

Nitheesh · Accepted Answer · 2016-11-04 09:14:40Z

0

Try

<div ng-include="'App/Views/Partials/Paging.html'"></div>

ng-include doesn't requires src parameter. If you still see any error please verify the path to Paging.html

edited Nov 4, 2016 at 9:14

answered Nov 4, 2016 at 8:44

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

3 Comments

mywindowshosting2016 Over a year ago

not worked... this code : ` <div ng-include="'App/Views/Partials/Paging.html'"></div> ` worked in Index.html why ?

dbarthel Over a year ago

see my answer above. Include pathes are resolved relative from your index.html

Nitheesh Over a year ago

You are currently inside the Administrator folder. You need to move into App/Views/Partials/Paging.html from the current location. So this url path is the required one

Collectives™ on Stack Overflow

angularjs : ng-include not working in another view

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related