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

    testApp.controller("empController", function ($scope) {
        $scope.message = "Welcome to";
    testApp.directive("codeViewDirective", function () {
        return {
            template: "created custome directive here!"
<!DOCTYPE html>

    <meta charset="utf-8" />
    <title>AngularJS Plunker</title>
    <script>document.write('<base href="' + document.location + '" />');</script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="angular.js@1.4.x" src="" data-semver="1.4.9"></script>
    <script src="app.js"></script>

    <h1>Creating a Directive</h1>
    <h3>AngularJs has lots of build-in directive but also provide facilicty to create own directive inside the module as below</h3>
   <div ng-app="testApp" ng-controller="empController">
    <div code-view-directive></div>

/* Put your css in here */