I am loading a html page via angular route inside a ng-view. The page which I am loading contains a ng-include tag, pointing to another html file.

I tried all the below syntax =

<div ng-include src="'some.jsp'"></div>
<div ng-include="'login.jsp'"></div>
<div ng-include src="include.url"></div>

None working. But If I put the same tag outside the ng-view its working fine.

What am I doing wrong?

I am loading a html page via angular route inside a ng-view. The page which I am loading contains a ng-include tag, pointing to another html file.

I tried all the below syntax =

<div ng-include src="'some.jsp'"></div>
<div ng-include="'login.jsp'"></div>
<div ng-include src="include.url"></div>

None working. But If I put the same tag outside the ng-view its working fine.

What am I doing wrong?

• javascript
• html
• angularjs
• angularjs-ng-include
• ng-view

• Does the ngInclude get placed by default in the template or are you putting it there with JavaScript? – Mike Quinlan Commented Jun 5, 2014 at 16:31

1 Answer 1

The url to the file should be relative to your index.html (main html file). If your structure is like this:

index.html
template
    template1.html
    template2.html

and in template1 you want to ng-include template2.html, you should do

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

Here is a working example.