ng-include don't include a partial view

Question

i have a probleme with ng-include this code doesn't work and i don't find where is the error

<select name="select" id="select" class='input-large' ng-model="selectedbien">
                                        <option value='dz'>dz</option>
                                        <option value='fr'>fr</option>

                                        </select>

and <section ng-include src="partial/selectedbien.html"></section>

any help to find the problem please :)

Answer 1

It shall be

<section ng-include="'partial/selectedbien.html'"></section>

or

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

Do not forget the quotes around URL - ng-include tries to interpret argument as angular.js expression, so you may change URL dynamically.

Answer 2

If you want to include your template directly then you need to add '' to your path like

src="'partial/selectedbien.html'"

It seems you are trying to add path dynamically from your dropdown selection then you need to concatenation your model with your path like

src="'partial/' + selectedbien + '.html'"

Check the Demo