gistfile1.js

.directive('editableField', function() {
    return {
    restrict: 'A',
      replace: true,
      template: '<div>' +
                	'<input ng-model="editableModel" />' +
                	'<div class="output">{{editableModel | editableFilter:editableFilter}}</div>' +
                '</div>',
      scope: {
          editableModel: '=editableModel',
          editableFilter: '=editableFilter'
      }
    };
});