java 隐藏按钮_如何在我的情况下正确显示/隐藏按钮？

我正在尝试为我的应用程序构建一个“显示更多”按钮，我遇到了一个问题 .

当用户点击阅读更多按钮时，我有一个指令来做东西

(function(window, angular) {

var app = angular.module('myApp');

app.directive('readMore', [

function() {

return {

restrict: 'A',

template:'',

link: function(scope, element) {

element.bind('click', function(){

// do stuff

})

}

};

}

]);

})(window, angular);

HTML

{{item.description}}

//only show read more button when I have more than 10 items

CSS：

#container {

height: 250px;

overflow: hidden;

}

问题有时是单个 item.description 有长文本而我的 #container div只能容纳8个项目并且休息是隐藏的 . 我不是不切实际的 . 有没有什么办法解决这一问题？谢谢您的帮助！

Update:

所需的结果将是：当单击“读取更多”按钮时，div大小将扩展为应有的大小 . 目前，仅当应用程序有> 10个项目时，才会显示更多阅读按钮 . 我的问题是当8个项目文本已经填充250px div时如何正确显示/隐藏读取更多按钮但是我实际上有9个项目(所以它应该显示更多按钮但是因为它只有9个项目，所以读取更多按钮将不显示 . )

底线是：当#container div充满文本时我需要知道何时显示更多按钮，无论我有多少项目