Passing scope variable to "child" controller

Question

I have a controller with

$scope.Id = 'something';

In html

<div ng-include="~[some path]/something.cshtml'" ng-controller="ChildController" id="#{{Id}}" ng-init="Id = Id"></div>

In generate HTML, id="#something" is correctly generated.

But in childcontroller, $scope.Id is 'undefined'.

It looks lik ChildController is initiated before its "parent" conroller. What can I do about this?

score 0 · Answer 1 · edited May 23 '17 at 11:43

0

The problem is because ng-controller & ng-include both does create a new scope which is prototypically inherited from parent.

Use dot rule while dealing with scope hierarchy/inheritance.

$scope.data = {Id :'something' }

On html you need to use it like

{{data.Id}}

Demo Here

Edit

You could not load .cshtml file form its path you should have to load it from the ASP.NET MVC controller's action because it can have C# content that needs to parse through C# view engine before rendering it on view.

edited May 23 '17 at 11:43

Community

1
1

answered Jul 07 '15 at 14:56

Pankaj Parkar

134,766
23
234
299

I tried $scope.data = {Id :'something' } in parent scope but then as expected I get "data" as undefined in child scope. – TTT Jul 08 '15 at 07:46
No problem loading .cshtml. – TTT Jul 08 '15 at 07:46
@TTT did you removed `ng-init`? – Pankaj Parkar Jul 08 '15 at 09:37
Now yes. But that did not change anything. – TTT Jul 08 '15 at 09:45
@TTT could you create a plunkr of it? – Pankaj Parkar Jul 08 '15 at 09:46
Check plunkr here http://plnkr.co/edit/UbFQbTt6IKdJg0h8dXUh?p=preview which is showing the same – Pankaj Parkar Jul 08 '15 at 10:15
@TTT could you share me how you loaded `.cshtml` in `ng-include` its interesting to know me – Pankaj Parkar Jul 08 '15 at 10:16
I can hardly reproduce it in a Plunkr as it's part of a quite complex soultion. I checked with colleagues who did other parts. It turns out my problem comes from the way other controllers are intiated (by something called "template service") – TTT Jul 08 '15 at 11:57

Passing scope variable to "child" controller

1 Answers1