Access directive's isolate scope from within transcluded content

Question

I\'m not sure if this is actually possible, but I\'m essentially wanting a reverse of the \'&\' isolate scope in AngularJS. Here is a Plunkr to demonstrate.

Basicall

Answer 1

Although possible, the solution I present is a hack, as it uses a scope internal variable, $$prevSibling.

Inside your transcluded content, you are inside the transcluded scope. The directive's isolate and transcluded scopes are siblings. To get from the transcluded scope to the isolate scope, you can use $$prevSibling. (To get from the isolate scope to the transcluded scope, you can use $$nextSibling.)

So, this hack will work:

Invoke the Directive Action

To call a method on the controller scope, you need to specify that using & as @ganaraj already demonstrated:

Then in your directive:

scope: { controllerAction: '&' },
template: ... +
   'Trigger Ctrl action()' ...

Plunker

---

With ng-repeat (see Samuel's comment), each item creates a child scope of the transcluded scope. In the picture below, I only show one item to keep the picture smaller. Reverse the $$nextSibling brown arrow for $$prevSibling.

So the hack to get to method action() defined on the isolate scope from an ng-repeat child scope is

---

Update for Angular v1.3+:

Since Angular v1.3, the transcluded scope is now a child of the directive's isolate scope – they are no longer siblings. So to get from the transcluded scope to the isolate scope, use $parent.

With ng-repeat, each item still creates a child scope of the transcluded scope:

But to get to method action() defined on the isolate scope from an ng-repeat child scope, we now use