根据条件隐藏flexbox项目(角度8)

Question

如果项目已经到达了flexbox容器的末端，我应该如何隐藏和显示这些项目呢？

因此，当项到达容器的末尾时，隐藏项，但创建一个按钮，当单击该按钮时，将显示其余的隐藏项。

Answer 1

根据您的需求，我看到了两种解决方案：

• 在CSS解决方案中，只需给你的容器一个固定的大小，让项目溢出，但使用overflow: hidden隐藏它们。然后，您可以添加ui操作来添加/删除css类，该操作将删除大小限制，以便显示所有项目。
• 在javascript解决方案中，你需要获取容器元素实例，获取它的大小和它的子元素大小，然后检查项是否溢出。然后，您可以控制该按钮是否可见。