html - 只读文本区域以适应angularjs的内容

Question

制作只读文本区域以适应其内容(无滚动条)的最简单方法是什么？我正在使用 angularjs 并且想要纯 angualrjs，不想使用 jquery。

Answer 1

angular.module("app", [])
    .directive("autoHeight", function () {
    return {
        restrict: "EAC",
        link: function (scope, element, attrs) {
            element[0].style.height = (element[0].scrollHeight < 30) ? 30 + "px" : element[0].scrollHeight + "px";
        }
    };
});

在您的 HTML 中:

<textarea auto-height> </textarea>