Css 调整AngularJS中的元素高度

我正在与AngularJS（相当新）合作。我遇到了一个挑战，如果textarea值太大，我必须使它和它周围的边框都可以滚动，如果没有，我必须删除边框和滚动。我尝试添加指令，但无法使其工作

让我知道，如果有任何工作围绕它。我感谢你的时间和帮助

更新：

angular.module('myApp')
.directive('removeBorder', function () {
return {
  restrict: 'A',
  link: function (scope, element, attrs) {
    if (element[0].clientHeight < element[0].scrollHeight) {
      console.log(element.clientHeight);
      console.log(element.scrollHeight);
      console.log('ELEMENT: ' + element[0]);
      angular.element(element[0]).removeClass('scroll');
    }
  }
};
});

angular.module（'myApp'）
.指令（'removeBorder'，函数（）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
if（元素[0].clientHeight<元素[0].scrollHeight）{
console.log（element.clientHeight）；
console.log（element.scrollHeight）；
log（'ELEMENT:'+ELEMENT[0]）；
angular.element（element[0]）.removeClass（'scroll'）；
}
}
};
});

我用nativeJS和angularJS为您举了一个例子。只需检查元素

clientHeight

和

scrollHeight

属性即可使其正常工作

angularJS指令 原生JS-

---

请提供您在指令（angular）中尝试的任何代码？当然，请将其实现为指令。'angular.module（'myApp'）。指令（'removeBorder'，function（）{return{restrict:'a'，link:function（scope，element，attrs）{if（element[0].ClientHightangular.module('docsSimpleDirective', []) .controller('Controller', ['$scope', function($scope) {}]) .directive('removeBorder', function() { return { restrict: 'A', link: function (scope, element, attrs) { if (element[0].clientHeight >= element[0].scrollHeight) { console.log(element[0].clientHeight); console.log(element[0].scrollHeight); angular.element(element[0]).addClass('no-scroll'); } }}; });

function hasScrollbar(elemId) { 
    elem = document.getElementById(elemId); 
    if (elem.clientHeight < elem.scrollHeight) {
        alert("The element #" + elemId + " has a vertical scrollbar!"); 
    } else {
        alert("The element #" + elemId + " doesn't have a vertical scrollbar."); 
        elem.style.border= "0";
    }
}

    textarea { overflow-y:scroll; }