Angularizing：在Textarea中垂直居中文本

Question

我试图复制找到的功能in this codepen example.

首先，我想要包含此代码：

$( function() {

  var $wrap = $('#wrap');
    var $textarea = $('textarea');
  var $dummy = $('.dummy');


  function positionTextarea() {
    var h = $wrap.height();
    var top = Math.max( 0, ( h - $dummy.height() ) * 0.5 );
    $textarea.css({
      paddingTop: top,
      height: h - top
    });
  }

  $textarea.on( 'keyup change', function( event ) {
    var html = formatDummyText( $textarea.val() );
    $dummy.html( html );
        positionTextarea();
  }).trigger('change');

  // should debounce this
  $( window ).on( 'resize', positionTextarea );

});

在指令中。我有一个带有虚拟div的文本区域，附近有0个不透明度。将此功能包含在指令中的最佳方法是什么？