binding ng-include src using $scope property

Question

In angularjs app I want to dynamically load partial view, so I have in my view

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

this view is ofcourse attached to certain controller and in my controller I have

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

this not work since when investigating html view I'm getting

<!-- ngInclude: undefined -->

When I hardcode template view path

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

it works.

What I'm doing wrong?

Kalhan · Accepted Answer · 2014-10-31 11:23:45Z

2

src in ng-include needs a angular expression reference , so you can bind that to the model value as below

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

answered Oct 31, 2014 at 11:23

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

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

Comments

Arpit Srivastava · Accepted Answer · 2014-10-31 11:25:43Z

2

Remove {{ and }}

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

answered Oct 31, 2014 at 11:25

Arpit Srivastava

2,2351 gold badge16 silver badges28 bronze badges