在一个表单中，我有大约 15 个复选框的列表，其中 3 个是最受欢迎的。所以默认情况下我只想显示 3 个流行的选择。在 3 个复选框的末尾应该有一个图标，用于展开和折叠其余复选框。
我正在用 Angular 构建网站，所以我想我可以简单地使用 ng-show为了这。问题是我想知道这是否是正确的方法。在我看来，这是一件很常见的事情，应该有某种标准的方法来做到这一点..？
人们通常使用什么样的图标来实现此目的？对于展开和折叠，我通常会使用灰色小三 Angular 形，但我觉得它不太适合这种特定情况。我知道我以前在其他形式中见过这种情况，但我只是找不到它可以从中获取灵感。
欢迎提供所有建议!
最佳答案
我在我的应用程序中使用 ng-show 来实现类似的目的，并且效果很好。我在 Controller 中设置了默认值，然后使 ng-click 事件触发切换。
Controller :
$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 .
关于javascript - 如何在 Angular 单击按钮时显示不受欢迎的复选框？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32256408/