Ng-include src binding using $ scope property

Question

In angularjs app I want to load partial view dynamically, so I mean

<ng-include src="'{{ pathView }}'"></ng-include>

this view is of course associated with a specific controller, and in my controller i have

 $scope.pathView= "/templates/listView.html";

it doesn't work as when examining the html view I get

<!-- ngInclude: undefined -->

When I hardcode the path to the template

<ng-include src="'/templates/listView.html'"></ng-include>

it works.

What am I doing wrong?

+3

user1765862 31 oct. 14 at 11:22

2 answers

Delete {{

and}}

The right way <ng-include src="pathView"></ng-include>

+2

Arpit Srivastava 31 oct. '14 at 11:25

K.Toress · Accepted Answer · 2014-10-31T11:23:45+0000

src

in ng-include

angular expression is required reference so you can bind it to model value below

<ng-include src="pathView"></ng-include>