AngularJS - Directives

transclusion - second

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
<div ng-app="myApp">
    <panel>
        <button>Click</button>
    </panel>
</div>

JavaScript

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

myApp.directive('panel', function() {
    return {
        restrict: 'A',
        template: "<div> This is the content of panel. </div>"
    }
})