如何在按钮点击角度显示不受欢迎的复选框？

Question

在表单中，我有一个约15个复选框的列表，其中3个是最受欢迎的。所以默认情况下我只想展示3个热门选择。在3个复选框的末尾，应该有一个图标来展开和折叠其余的复选框。

我正在使用Angular构建网站，所以我想我可以简单地使用ng-show。问题是我想知道这是否是正确的方法。在我看来，这是一个很常见的事情，应该有某种标准的方式来做这件事。？

还有人们通常使用什么样的图标？对于展开和折叠，我通常会使用小灰色三角形，但我觉得它不适合这种特定情况。我知道我之前已经以其他形式看过这个，但我再也找不到它来从中获取灵感。

欢迎所有提示！

Answer 1

我在我的应用程序中使用ng-show用于类似目的并且效果很好。我在控制器中设置了默认值，然后使ng-click事件触发切换。

控制器：

$scope.expanded = false;

HTML：

<div ng-show="!expanded">
  <span class="glyphicon glyphicon-triangle-bottom" title="Expand"  ng-click="expanded=true">
</div>
<div ng-show="expanded">
  <span class="glyphicon glyphicon-triangle-top" title="Collapse" ng-click="expanded=false">
</div>

至于图标，我喜欢使用bootstrap glyphicons。 glyphicon glyphicon-triangle-top和glyphicon glyphicon-triangle-bottom适用于展开/展开，以及glyphicon glyphicon-plus-sign和glyphicon glyphicon-minus-sign。您可以找到更多here。