Isolate Scope "&"

by Aaronias

HTML

<div ng-app="myApp">
       
        <div ng-controller="MyCtrl">
            <div dir method="update()"></div>
            
        </div>
        
        
    </div>

JavaScript

var myApp = angular.module("app", []);

myApp.controller("MyCtrl", function ($scope) {
    $scope.update = function() {
        console.log("updated");   
    }
    
});

myApp.directive("dir", function() {
    return {
        scope:{
            method:"&"   
        },
        template:'<input type="text" ng-model="value"> <div class="button" ng-click="dial()">Update</div>'
    }
});