app.directive('toggle', function(){ return { restrict: 'A', template: 'Click Me', replace: true, scope: { toggle: '&' }, controller: function($scope) { $scope.toggleValue = false; $scope.f = function() { $scope.toggleValue = !$scope.toggleValue; $scope.toggle({message: $scope.toggleValue}); }; } };});
You can use like this: