How to include html templates with angularjs?

Question

I'm trying to create a html fragement that should lateron serve as an image slider. So far it only contains a test div element:

slider.html:
<div>TEST</div>

I'm trying to include this in my index.html as follows:

<div ng-include src="slider.html"></div>

Result: I don't see the test div. Why?

@ajmajmajma You need to put single quotes around the string constant. — Martijn, Aug 10 '15 at 13:47
Already answered here:
http://stackoverflow.com/a/31609423/5052704 Hope this helps. — Vipul Agarwal, Aug 10 '15 at 13:47
Already answered here
http://stackoverflow.com/a/31609423/5052704 Hope this helps. — Vipul Agarwal, Aug 10 '15 at 13:49

score 3 · Accepted Answer · answered Aug 10 '15 at 13:44

3

Try this:

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

When using a path in ng-include you need to enclose it with single quotes, since it expects an expression.

From the docs:

If the source is a string constant, make sure you wrap it in single quotes, e.g. src="'myPartialTemplate.html'".

answered Aug 10 '15 at 13:44

Martijn

@membersound don't forget to mark a given answer as answered – Martijn Aug 10 '15 at 13:58

score 1 · Answer 2 · answered Aug 10 '15 at 13:48

1

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

or

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

answered Aug 10 '15 at 13:48

Shrinivas Pai

score 0 · Answer 3 · edited May 23 '17 at 12:06

0

You can include another html like below:

<div ng-include src = "'partials/myModule/myHtml.html'"></div>

Hope this helps.

edited May 23 '17 at 12:06

Community

answered Aug 10 '15 at 13:50

Vipul Agarwal

3 Answers3