Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
    <div>
       <my-form></my-form>
    </div>

JavaScript

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

    myApp.controller('formCtrl', function ($scope) {
       
        $scope.btn = 'BTN';
        
        $scope.updateData = function () {
           $scope.btn = 'BTN clicked';
        }
    });

    myApp.directive('myForm', function () {
        return {
          restrict: 'E',
          replace: true,
          template: '<form class="form-horizontal"><input type="button" ng-value="btn" class="btn btn-success" ng-click="updateData()"></form>',
          controller: 'formCtrl'
        }
    });