Edit in JSFiddle

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

function angularJs($scope){
    $scope.name = 'ahmet';   
}

app.directive('merhabaDunya', function() {
  return {
      restrict: 'E',
      replace: 'true',
      template: '<div>{{ name }}</div>'
  };
});

<html ng-app="myapp">
<div ng-controller="angularJs">
    <input type="text" ng-model="name"/>
    <merhaba-dunya></merhaba-dunya>
</div>
</html>