Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
    <button ng-click="addDynamicButton()">Add</button>
    <div id="userInput"></div>
</div>

JavaScript

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

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope, $compile) {
    $scope.name = 'Superhero';
    $scope.addDynamicButton = function() {
        var elem = angular.element(document.querySelector('#userInput'));
        elem.append('<button ng-click="showComment()">Dynamic Button</button>');
        $compile(elem.contents())($scope);
        
    }
    $scope.showComment = function() {
        alert('from dynamic button');
    }
}