Question

使用角度引导程序。我想确定我不是在这里重新发明轮子，因为我找不到手风琴或倒塌是我想要的。

我正在显示一个大字符串 - 可能是几行 - 但默认情况下，我只想在屏幕上占用两行，并将其余字符串切断。要查看字符串的其余部分，用户将翻转div并单击以向下展开它，显示整个内容。

默认：

[ One AND two AND three OR ]
[ four OR five NOT six ... ]

激活后

：

[ One AND two AND three OR ]
[ four OR five NOT six AND ]
[ seven AND eight AND nine ]
[ NOT (ten Or eleven)      ]

与手风琴不同，应该没有标题，但它应该总是显示内容的一些（两行）。与崩溃不同，它不应该一直崩溃。

Answer 1

这是让你入门的东西。 limitTo过滤器适用于字符，而不是单词（除非您发送数组）。将一些数据放入控制器并检查出来。

<div ng-click="expand=!expand">
  <span ng-hide="data.length<=10 || expand">{{data|limitTo:10}} ...</span>
  <span ng-show="data.length<=10 || expand">{{data}}</span>
</div>

角度扩展/收缩div - 不是手风琴或折叠

1 个答案: