AngularJS Transclude Simple Sample

transclude.js

/*
 Simple transclude sample dom
 <div ng-app="phoneApp">
     <div ng-controller="AppCtrl">
         <panel>
            <div class="button">Click me!</div>
         </panel>
     </div>
 </div>
*/

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

app.controller("AppCtrl", function($scope) {

})

app.directive("panel", function() {
    return {
        restrict: "E",
        transclude: true,
        template: '<div class="panel" ng-transclude>This is a panel component</div>'
    }
})