scope variable not working with ng-include src
<p>So first of all, this works: (The html loads)</p>

<pre><code>&lt;div ng-include src="'start.html'"&gt;&lt;/div&gt;
</code></pre>

<p>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.</p>

<pre><code>&lt;div&gt;{{ sideBar }}&lt;/div&gt; &lt;!-- sideBar appears on the page as start.html --&gt;
&lt;div ng-include src="'{{ sideBar }}'"&gt;&lt;/div&gt; 
</code></pre>

<p>This also does not work:</p>

<pre><code>&lt;div ng-include src="{{ sideBar }}"&gt;&lt;/div&gt;
</code></pre>

<p>and this does not work either:</p>

<pre><code>&lt;div ng-include src={{ sideBar }}&gt;&lt;/div&gt;
</code></pre>

<p>only this works:</p>

<pre><code>&lt;div ng-include src="'start.html'"&gt;&lt;/div&gt;
</code></pre>

<p>How can I make the include work with a scope variable?</p>