调整textarea的大小并在第三行后添加滚动条。 Angular 1.5

Question

我使用AngularJS 1.5，我有<form>，其内部<textarea> 1行大小。当用户输入内容时，我需要将其调整为最多3行。然后必须出现滚动。现在我有以下解决方案：

.directive('testAutoResize', testAutoResize);

  function testAutoResize() {
    return {
      restrict: "A",
      replace: false,
      scope: {},
      link: function(scope, elem, attr) {
        elem.on('keyup', function() {
          elem[0].style.height = elem[0].value ? elem[0].scrollHeight + 'px' : 32 + 'px';
        });
      }
    };
}

我还有CSS属性max-height: 72px;来限制texarea的高度。 所以，我不是很喜欢它，它是如何工作的。 你能告诉一下吗？ 提前谢谢。