ng-include modify parent scope?

[ItsLeeOwen]

I have an ng-include, which I want to update values on the parent scope.  This fiddle doesn't work, is there some way of telling the ng-include to work on the parent scope?

http://jsfiddle.net/ItsLeeOwen/e5rfP/

Even modifying $scope.$parent.test = "some value" does not work.

[Suller Andras]

You need to use $scope.$parent.$parent.test .
It is ugly and unpredictable, so i recommend you to wrap your data in
an object variable: http://jsfiddle.net/e5rfP/3/

Andras

[ItsLeeOwen]

Thanks Andras!  I have been moving most places where I'd previously used ng-include to directives, which works with parent scope as I'd expect as long as you don't inject an iso-lated scope.

http://jsfiddle.net/ItsLeeOwen/ug6sK/

[Christoph Burgdorf]

You might want to check out this related issue I just created:  https://github.com/angular/angular.js/issues/943 

[ItsLeeOwen]

Was there a solution on how to cleanly use ng-include without an isolated scope?

http://jsfiddle.net/ItsLeeOwen/V4Azc/

If I have an ng-include in a directive with an isolated-scope, I then have to use $parent.$parent.

[John Lindquist]

You could inject and expose a service through the scope (instead of trying to rely on scope inheritance)

http://jsfiddle.net/johnlindquist/dKpFH/ 

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.

To view this discussion on the web visit https://groups.google.com/d/msg/angular/-/q8_nBcTNaScJ.

To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/angular?hl=en.

[ItsLeeOwen]

Thanks John, there seem to be so many ways to skin an angular cat  :)

I realized that I could get attributes from the controller constructor $attrs param.  That should accomplish my goal.

http://jsfiddle.net/ItsLeeOwen/DnjyC/

[ItsLeeOwen]

A downside to using the $attrs parameter, is that it does not evaluate keywords, or functions of the attribute.  So if you want my-attribute="{{ parentValue }}" to return the result of {{ parentValue }}, instead you'll be getting the string "{{ parentValue }}"

http://jsfiddle.net/ItsLeeOwen/4asMU/

[ItsLeeOwen]

Is there anything wrong with exposing the parent scope inside of a directive with a scope hashtag "evaluate"?

http://jsfiddle.net/ItsLeeOwen/V4Azc/

        scope: {
            'foo': 'attribute',
            'parent': 'evaluate'
        },

    <my-element foo="bar" parent="this"></my-element>

[Andy Joslin]

Isn't a directive scope's $scope.$parent already the controller that wraps it?

<div ng-controller="MyCtrl">
    <my-element><!-- $scope.$parent = MyCtrl in here--></my-element>
</div>

[ItsLeeOwen]

Sort of, but it gets kind of haywire.  See what's going on here:  http://jsfiddle.net/ItsLeeOwen/34DeS/

$scope.$parent.hello gives nothing.  $parent.hello works in the directive, but not in the ng-include inside of the directive.  I suppose that makes sense, but my goal is to access the normal scope inheritance chain from within the directive, while passing in attributes with the scope hashtag.  

[Vojta Jína]

If "my-element" directive creates new scope, then scope.$parent is
MyCtrl, otherwise scope is MyCtrl.

V.

> --
> You received this message because you are subscribed to the Google Groups
> "AngularJS" group.
> To view this discussion on the web visit

> https://groups.google.com/d/msg/angular/-/vSQbRvUsWloJ.