如果有溢出，如何显示“显示更多”按钮，如果点击（Angular 2），将其更改为“显示更少”？

Question

我想知道在 Angular 2 中最好的方法是什么。只有在div上有溢出时才会出现该按钮，如果单击该按钮，则应该更改为“显示更少”，如果单击则显示更少。

最好在组件中创建一个切换功能吗？

创建两个按钮（每个按钮一个）并使用ngShow / ngHide会更好吗？

Answer 1

我在这里有一个切换按钮示例：https://github.com/DeborahK/MovieHunter

<button type="button" class="btn btn-info" 
        (click)="toggleImage()">
        {{showImage ? "Hide" : "Show"}} Poster
</button>

这与showImage布尔属性绑定。但是，我不确定如何根据div上是否有溢出来设置该属性？