javascript - 不要在 ng-repeat 中重复按钮

标签 javascript angularjs angularjs-ng-repeat

我在 AngularJS 中使用 ng-show 选项。

<button ng-click="removeFilter();">
<span ng-repeat="cat in ctrl.getCategories()" ng-show="ctrl.filter[cat]" class="fa fa-close"></span></button>

这非常好用,但是如果我单击第二个项目,这个 div 会添加另一个项目,但一个按钮对我来说就足够了。

我怎样才能做到这一点?谢谢。

最佳答案

只需将其放在外面

<button ng-click="removeFilter();"> </button>
<span ng-repeat="cat in ctrl.getCategories()" ng-show="ctrl.filter[cat]" class="fa fa-close"></span>

关于javascript - 不要在 ng-repeat 中重复按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46810751/

相关文章:

javascript - 捕获链接点击(事件冒泡)

javascript - AngularJS:将文本区域绑定(bind)到对象属性 - infdig 错误

java - Selenium 发送键不起作用

angularjs - 是否可以连接 Angular ng-options 中的值

javascript - 单击大图时图像不会加载

javascript - 如果通过 JavaScript 设置 'rel="nofollow"',(Google) 机器人/爬虫会跟踪链接吗?

javascript - 如何使用jquery、css单击选择选项时显示图像

javascript - 为什么 AngularJS 表达式在 HTML 模板中只被替换一次?

angularjs - 使用指令集成 Angular 和 JQuery.iCheck 不起作用

javascript - ng-repeat 不工作 AngularJS