using angularjs consecutive ng-include directive

Question

Why using consecutive angular ng-include does not work?

for example:

<div data-ng-include="'app/partials/partial1.html'" />
<div data-ng-include="'app/partials/partial2.html'" />

only show the content of partial1.html

but if I use:

<div>
    <div data-ng-include="'app/partials/partial1.html'" />
</div>
<div>
    <div data-ng-include="'app/partials/partial2.html'" />
</div>

Works fine, displays the content of both pages.

Thanks.

Nikos Paraskevopoulos · Accepted Answer · 2013-11-07 10:17:29Z

2

Add the ending tag for the divs:

<div data-ng-include="'app/partials/partial1.html'"></div>

answered Nov 7, 2013 at 10:17

40.4k13 gold badges91 silver badges99 bronze badges

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

2 Comments

Why did we have to add the closing tag ? Self closing should be sufficient ? Is this a bug ?

I believe it is a quirk of the (some? most?) HTML parsers.