Expression Binding

Author: teropa

src/compile.js

@@ -36,7 +36,7 @@ function isBooleanAttribute(node, attrName) {
 function parseIsolateBindings(scope) {
   var bindings = {};
   _.forEach(scope, function(definition, scopeName) {
-    var match = definition.match(/\s*(@|=(\*?))\s*(\w*)\s*/);
+    var match = definition.match(/\s*([@&]|=(\*?))\s*(\w*)\s*/);
     bindings[scopeName] = {
       mode: match[1][0],
       collection: match[2] === '*',
@@ -403,6 +403,12 @@ function $CompileProvider($provide) {
                   scope.$watch(parentValueWatch);
                 }
                 break;
+              case '&':
+                var parentExpr = $parse(attrs[attrName]);
+                isolateScope[scopeName] = function(locals) {
+                  return parentExpr(scope, locals);
+                };
+                break;
             }
           });
         }

test/compile_spec.js

@@ -1392,6 +1392,52 @@ describe('$compile', function() {
       });
     });
 
+    it('allows binding an invokable expression on the parent scope', function() {
+      var givenScope;
+      var injector = makeInjectorWithDirectives('myDirective', function() {
+        return {
+          scope: {
+            myExpr: '&'
+          },
+          link: function(scope) {
+            givenScope = scope;
+          }
+        };
+      });
+      injector.invoke(function($compile, $rootScope) {
+        $rootScope.parentFunction = function() {
+          return 42;
+        };
+        var el = $('<div my-directive my-expr="parentFunction() + 1"></div>');
+        $compile(el)($rootScope);
+        expect(givenScope.myExpr()).toBe(43);
+      });
+    });
+
+    it('allows passing arguments to parent scope expression', function() {
+      var givenScope;
+      var injector = makeInjectorWithDirectives('myDirective', function() {
+        return {
+          scope: {
+            myExpr: '&'
+          },
+          link: function(scope) {
+            givenScope = scope;
+          }
+        };
+      });
+      injector.invoke(function($compile, $rootScope) {
+        var gotArg;
+        $rootScope.parentFunction = function(arg) {
+          gotArg = arg;
+        };
+        var el = $('<div my-directive my-expr="parentFunction(argFromChild)"></div>');
+        $compile(el)($rootScope);
+        givenScope.myExpr({argFromChild: 42});
+        expect(gotArg).toBe(42);
+      });
+    });
+
   });
 
 });