create custom directive

<!DOCTYPE html>
<html>
    <!-- laern create Own Custom directive -->
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <body ng:app="app5" ng:controller="xCon">
        <input type="text" ng:model="nama" ng:init="nama='hahah'" />
        <a ng-bind="nama" href="#"></a>

        <br />
        Custome Directive :
        <my-customer></my-customer>
    </body>
    <script>
        var app5 = angular
        .module('app5',[])
        .controller('xCon', ["$scope", function($scope){
            $scope.nama = 'wakwau';
        }])
        .directive('myCustomer', function() {
          return {
            template: 'Nama dia: {{nama}} '
          };
        });

    </script>
</html>