scope variable not working with ng-include src

Question

So first of all, this works: (The html loads)

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

Here, the sideBar variable shows that the sideBar scope variable is equal to 'start.html' but when I insert it into the ng-include src - it does not work.

<div>{{ sideBar }}</div> <!-- sideBar appears on the page as start.html -->
<div ng-include src="'{{ sideBar }}'"></div>

This also does not work:

<div ng-include src="{{ sideBar }}"></div>

and this does not work either:

<div ng-include src={{ sideBar }}></div>

only this works:

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

How can I make the include work with a scope variable?

Stepan Kasyanenko · Accepted Answer · 2016-04-01 05:39:15Z

3

Read documentation for ng-include.

Following works:

<div ng-include="sideBar"></div>

answered Apr 1, 2016 at 5:39

Stepan Kasyanenko

3,1761 gold badge17 silver badges23 bronze badges

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

Comments

user3044394 · Accepted Answer · 2016-03-31 22:42:45Z

0

<div ng-model="sideBar" ng-include src="sideBar"></div>

this works

answered Mar 31, 2016 at 22:42

user3044394

1353 silver badges15 bronze badges

Collectives™ on Stack Overflow

scope variable not working with ng-include src

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related