Css 隐藏和显示<；李>；具有ng重复和条件

我有一个颜色id和代码数组，我在

标记中使用ng repeat来显示所有颜色，但我只想显示具有颜色代码<10的颜色，并隐藏具有颜色代码>10的颜色，我有“+”按钮，单击此按钮我想显示隐藏的颜色和按钮显示“-”图标，然后再次单击按钮隐藏具有颜色代码>10的颜色。这是我的密码：

<div class="row py-3 border_bootom_1">
                    <div class="col-lg-2 align-self-center">
                        <h4 class="card-title"> Color </h4>
                    </div>
                    <div class="col-lg-10 align-self-center">
                        <ul class="ss_size_general ss_size_general_1">
                            <li class="pointer" ng-repeat="color in $ctrl.parameters.colors">
                                <a href="#"
                                   ng-class="{'active': $ctrl.search.colors.indexOf(color.code.toString()) >= 0, 'colorOpen-content': color.code > 10}"                                  
                                   ng-click="$ctrl.setParameter('colors', color.code.toString())" title="{{color.name}}">
                                    <div class="verticle_center"><span>{{color.label}}</span></div>
                                </a>
                            </li>
                            <li>
                                <a><div class="verticle_center pointer colorbtn"><i class="fa fa-plus"></i></div></a>
                            </li>
                        </ul>
                    </div>
                </div>


$('.colorbtn').click(function () {
    $('.colorOpen-content').toggle(200);

    var child = $(this).children();
    if (child.hasClass('fa fa-plus'))
        child.removeClass('fa fa-plus').addClass('fa fa-minus');
    else
        child.removeClass('fa fa-minus').addClass('fa fa-plus');

    return false;
});`

颜色






$（'.colorbtn'）。单击（函数（）{
$（'.colorOpen content'）。切换（200）；
var child=$（this.children（）；
if（child.hasClass（'fa plus'））
child.removeClass（'fa-plus'）.addClass（'fa-plus'）；
其他的
child.removeClass（'fa-minus'）.addClass（'fa-plus'）；
返回false；
});`

试试这个

`

`

您也可以使用。大概是这样的：

var-app=angular.module（“app”，[]）；
应用程序控制器（“MainCtrl”，函数（$scope）{
$scope.lt10=真；
$scope.colors=[{
代码:1,，
名称：“红色”，
标签：“红色”
},
{
代码:2,，
名称：“蓝色”，
标签：“蓝色”
},
{
代码：30，
名称：'绿色'，
标签：“绿色”
},
{
代码：40，
名称：“黄色”，
标签：“黄色”
}
];
$scope.toggleShow=function（）{
$scope.lt10=！$scope.lt10；
};
$scope.setParameter=函数（）{
};
$scope.myFilter=函数（itm）{
if（$scope.lt10&&itm.code<10）返回true；
如果（！$scope.lt10&&itm.code>=10）返回true；
返回false；
};
});

颜色




+加上+
-减去-


请分享角度代码。请提供“colorOpen内容”类别。请写一篇关于您答案的描述。谢谢
<div ng-class="{'active': $ctrl.search.colors.indexOf(color.code.toString()) >= 0}"
ng-style="{{color.code}} >= 10 ? {'display': 'hide !important'} : {'display': 'block !important'}"></div>