如何使用几个选择按钮显示和隐藏行

ng-User

当我一次选择两个选择按钮时,我在显示和隐藏行时遇到问题。

仅使用一个按钮,我就可以显示/隐藏正确的行。同时使用两个按钮,将不显示任何行。

代码中的逻辑错误在哪里?

请检查:http : //jsfiddle.net/xEyJZ/83/

<div ng-controller="MyCtrl">
  <p>  
<input type="checkbox" ng-init="showNew=false" ng-click="showNew =! showNew"><span> Show new only</span> <br>   
<input type="checkbox" ng-init="showOld=false" ng-click="showOld =! showOld"><span> Show old only </span> 
    </p>

    <table border="1">
        <tr ng-repeat="person in persons" ng-class="{'newp':person.newp, 'oldp':person.oldp}" 
            ng-hide="(!person.newp && showNew) || (!person.oldp && showOld)">

            <td>{{ person.id }}</td>
            <td>{{ person.name }}</td>
            <td>{{ person.city }}</td>
        </tr>
    </table>


</div>
古德尼科夫

您可以在过滤器中使用比较器:

ng-repeat="person in persons | filter:{newp:showNew, oldp:showOld}:showTest"

并在控制器组比较功能中:

$scope.showTest = function(actual, expected){
        if(!$scope.showNew && !$scope.showOld)
            return true;
        return angular.equals(expected, actual);
}

http://jsfiddle.net/D79F7/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用单选按钮显示和隐藏表格?

来自分类Dev

jQuery使用单选按钮隐藏和显示

来自分类Dev

单击按钮时如何隐藏/显示高图的滚动条和范围选择器?

来自分类Dev

如何在单选按钮选择的基础上显示和隐藏div

来自分类Dev

隐藏和显示按钮

来自分类Dev

jQuery的隐藏和显示DIV选择单选按钮时

来自分类Dev

基于 jQuery 中的单选按钮选择显示和隐藏内容

来自分类Dev

如何使用按钮显示/隐藏图像

来自分类Dev

如何使用按钮来显示/隐藏容器

来自分类Dev

使用选择菜单打开/隐藏/显示多个按钮

来自分类Dev

如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

来自分类Dev

如何使用按钮隐藏表格行

来自分类Dev

按钮隐藏和仅显示在第一行?

来自分类Dev

基于字母表按钮显示和隐藏表格行

来自分类Dev

wxpython:如何使用按钮显示和隐藏一种形状

来自分类Dev

如何使用php显示和隐藏“添加到购物车”按钮?

来自分类Dev

如何在单击按钮时隐藏/显示高图的滚动条和范围选择器?

来自分类Dev

如何显示使用变量选择的单选按钮?

来自分类Dev

如何根据单选按钮单击显示和隐藏div?

来自分类Dev

如何在单击按钮时显示和隐藏视图

来自分类Dev

电子:如何通过按钮隐藏/显示<br />和<hr />?

来自分类Dev

如何通过单击按钮隐藏和显示表格?

来自分类Dev

如何在按钮单击时应用显示和隐藏?

来自分类Dev

iOS Swift:如何隐藏和显示 UIViewController 中的按钮

来自分类Dev

如何使用CSS显示和隐藏div?

来自分类Dev

如何使用JavaScript隐藏和显示菜单?

来自分类Dev

如何使用 angularjs 显示和隐藏值

来自分类Dev

如何使用 jQuery 隐藏和显示 div

来自分类Dev

如何使用 addEventListener 隐藏和显示

Related 相关文章

  1. 1

    如何使用单选按钮显示和隐藏表格?

  2. 2

    jQuery使用单选按钮隐藏和显示

  3. 3

    单击按钮时如何隐藏/显示高图的滚动条和范围选择器?

  4. 4

    如何在单选按钮选择的基础上显示和隐藏div

  5. 5

    隐藏和显示按钮

  6. 6

    jQuery的隐藏和显示DIV选择单选按钮时

  7. 7

    基于 jQuery 中的单选按钮选择显示和隐藏内容

  8. 8

    如何使用按钮显示/隐藏图像

  9. 9

    如何使用按钮来显示/隐藏容器

  10. 10

    使用选择菜单打开/隐藏/显示多个按钮

  11. 11

    如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

  12. 12

    如何使用按钮隐藏表格行

  13. 13

    按钮隐藏和仅显示在第一行?

  14. 14

    基于字母表按钮显示和隐藏表格行

  15. 15

    wxpython:如何使用按钮显示和隐藏一种形状

  16. 16

    如何使用php显示和隐藏“添加到购物车”按钮?

  17. 17

    如何在单击按钮时隐藏/显示高图的滚动条和范围选择器?

  18. 18

    如何显示使用变量选择的单选按钮?

  19. 19

    如何根据单选按钮单击显示和隐藏div?

  20. 20

    如何在单击按钮时显示和隐藏视图

  21. 21

    电子:如何通过按钮隐藏/显示<br />和<hr />?

  22. 22

    如何通过单击按钮隐藏和显示表格?

  23. 23

    如何在按钮单击时应用显示和隐藏?

  24. 24

    iOS Swift:如何隐藏和显示 UIViewController 中的按钮

  25. 25

    如何使用CSS显示和隐藏div?

  26. 26

    如何使用JavaScript隐藏和显示菜单?

  27. 27

    如何使用 angularjs 显示和隐藏值

  28. 28

    如何使用 jQuery 隐藏和显示 div

  29. 29

    如何使用 addEventListener 隐藏和显示

热门标签

归档