AngularJS Example

HTML

<div ng-app="zippyModule">
  <div ng-controller="Ctrl3">
    Title: <input ng-model="title">
    <hr>
    <div class="zippy" module="title"></div>
  </div>
</div>

JavaScript

function Ctrl3($scope) {
  $scope.title = 'Lorem Ipsum';
}

angular.module('zippyModule', [])
  .directive('zippy', function(){
    return {
      restrict: 'C',
      scope: { title:'=' },
      template: '<input type="text" ng-model="title" style="width: 90%"/><div ng-model="title">' + {{ title }} + '</div>',
      link: function(scope, element, attrs) {
        // Your controller
      }
    }
  });