javascript - 如何在 Angular 单击按钮时显示不受欢迎的复选框？

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 7 年前。

Improve this question

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

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

人们通常使用什么样的图标来实现此目的？对于展开和折叠，我通常会使用灰色小三 Angular 形，但我觉得它不太适合这种特定情况。我知道我以前在其他形式中见过这种情况，但我只是找不到它可以从中获取灵感。

欢迎提供所有建议!

Answer 1

我在我的应用程序中使用 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 .