AngularJS: Passing into a directive link function an attribute AND the entire scope

Question

I have a directive that has an attirbute, it looks like this:

<directive config="myConfig"></directive>

This is my directives code:

app.directive("directive", ["$compile", ($compile) => {
    return {
      scope: {"config":"="},
      template: "<div></div>",
      link: function(s,e,a) {
        // I want my scope here so I could use $compile to compile a directive into it
        // ('it' being the scope the directive lives in).
        // Yet I also want the config variable so I could $watch it.
      }
    }
});

As shown, I want the config variable and the entire scope, is there a way to do this?
Thanks.

alostr · Accepted Answer · 2017-01-18 15:03:58Z

1

Don't use isolated scope then. just add config to the parent scope, and the directive directive could watch it since it is on the same scope. your new directive (the one you want to compile) could have an isolated scope.

answered Jan 18, 2017 at 15:03

alostr

1702 gold badges3 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

AngularJS: Passing into a directive link function an attribute AND the entire scope

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related