Losing scope inside ng-include in angularJS

Question

I am trying to pass a scope into ng-include but it doesn't seem to work when I insert it into ng-include. when I put it outside the ng-include... I get the right result but my div doesn't show up when I insert it into ng-include. Any reason why I am losing the scope when I insert the scope inside ng-include?

Index.html:

<select ng-model="ddValue1"
    ng-options="d.text for d in ddOptions1 track by d.value">
</select>

<div ng-include="'{{ddValue1.url}}'"></div>

JS:

$scope.ddOptions1 = [
  {value: 'value1', text: 'Text1', url: 'file path here'},
  {value: 'value2', text: 'Text2', url: 'file path here'}
];
$scope.ddValue1 = {};
$scope.ddValue1.value = $scope.ddOptions1[0].value;

Newdiv.html

<div ng-show="ddValue1.value=='value1'">
    <h1>Value 1</h1>
</div>

@SaE from ddOptions1.value... it is being population into the select by ng-options — user4756836
– user4756836, Commented Aug 2, 2016 at 14:00

Akash Bhandwalkar · Accepted Answer · 2021-10-19 16:22:58Z

2

<div ng-include=ddValue1.url></div>

Try it. May be single qoute considering it as string rather than your scope propery

edited Oct 19, 2021 at 16:22

answered Aug 2, 2016 at 14:00

Akash Bhandwalkar

8915 silver badges19 bronze badges

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

1 Comment

Akash Bhandwalkar Over a year ago

I got it. Remove double quote to.

YOU · Accepted Answer · 2016-08-02 14:05:12Z

0

Try:

ng-options="d as d.text for d in ddOptions1 track by d.value"

Let me know if it does not work.

answered Aug 2, 2016 at 14:05

YOU

124k34 gold badges192 silver badges222 bronze badges

Collectives™ on Stack Overflow

Losing scope inside ng-include in angularJS

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related