问题
我认为这是一个长镜头，但希望有人能帮助我，下面是我认为我得到所有类别的部分，但我只想显示某些类别，而不是所有类别。在图像中，我有完整的分类，但我希望材料部分不出现，但在后台仍然具有搜索功能

1. <div class="ng-cloak" ng-app="angularDemo" ng-cloak="">
   
2.   <div ng-controller="angularController as ctrl">
   
3.     <div class="hidden-xs" id="filter_desktop" layout="row">
   
4.       <div class="container">
   
5.         <div class="col-sm-2" style="padding-left: 0px;margin-left: -47px;margin-right: 46px;">  
   
6.           <div class="filter" style="color: #999;font-weight: 100;font-size: 120%;margin-right: -60px;"><span>FILTER YOUR SEARCH</span></div>
   
7. 
   
8.           <div class="resetFilter">
   
9.             <center class="text-left" style="color: #999;"><button id="resetFilter" onclick="window.location.href='" type="button"><img alt="" src="/Data/Sites/1/media/collection/reset-icon-614x460.png" style="height: 30px!important;" />RESET FILTERS</button></center>
   
10.           </div>
    
11. 
    
12.           <div class="sidebar" style="border-top: 1px solid #c1c1c1;">
    
13.             <div ng-repeat="filter in Filters" style="border-bottom: 1px solid #c1c1c1;">
    
14.               <div class="col-sm-1" style="margin-right: -30px;"><button ng-click="filter.expanded = false" ng-if="filter.expanded" style="margin-left: 140px; background-color: transparent;border: none;font-size: 25px;margin-top: -34px;">+</button><button ng-click="filter.expanded = true" ng-if="!filter.expanded"
    
15.                   style="margin-left: 140px;background-color: transparent;border: none;font-size: 45px;margin-top: -34px;">-</button></div>
    
16. 
    
17.               <h3 class="sort" style="font-size: 18px;font-weight: 100;text-transform: uppercase;margin-bottom: 15px;">{{filter.name}}</h3>
    
18. 
    
19.               <div class="sortoptions" style="margin-bottom: 15px;">
    
20.                 <div data-hidden-checkbox="{{ filter.name == 'family'}}" ng-if="!filter.expanded" ng-repeat="option in filter.options | orderBy: 'value'" style="line-height: 1.6;"><input id="{{option.value}}" ng-checked="option.IsIncluded" ng-model="option.IsIncluded" style="margin-bottom: -1px!important;" type="checkbox" /> <label for="{{option.value}}">{{option.value}}</label></div>
    
21.               </div>
    
22.             </div>
    
23.           </div>
    
24.         </div>

复制代码

回答
在 codepen 示例中，只需添加

ng-if="filter.name !== 'color'"

遍历此处的过滤器列表（ ng-repeat ）。仅当过滤器的名称不是颜色时才会呈现 div。

这是最新的密码笔。

问题
我认为这是一个长镜头，但希望有人能帮助我，下面是我认为我得到所有类别的部分，但我只想显示某些类别，而不是所有类别。在图像中，我有完整的分类，但我希望材料部分不出现，但在后台仍然具有搜索功能

1. <div class="ng-cloak" ng-app="angularDemo" ng-cloak="">
   
2.   <div ng-controller="angularController as ctrl">
   
3.     <div class="hidden-xs" id="filter_desktop" layout="row">
   
4.       <div class="container">
   
5.         <div class="col-sm-2" style="padding-left: 0px;margin-left: -47px;margin-right: 46px;">  
   
6.           <div class="filter" style="color: #999;font-weight: 100;font-size: 120%;margin-right: -60px;"><span>FILTER YOUR SEARCH</span></div>
   
7. 
   
8.           <div class="resetFilter">
   
9.             <center class="text-left" style="color: #999;"><button id="resetFilter" onclick="window.location.href='" type="button"><img alt="" src="/Data/Sites/1/media/collection/reset-icon-614x460.png" style="height: 30px!important;" />RESET FILTERS</button></center>
   
10.           </div>
    
11. 
    
12.           <div class="sidebar" style="border-top: 1px solid #c1c1c1;">
    
13.             <div ng-repeat="filter in Filters" style="border-bottom: 1px solid #c1c1c1;">
    
14.               <div class="col-sm-1" style="margin-right: -30px;"><button ng-click="filter.expanded = false" ng-if="filter.expanded" style="margin-left: 140px; background-color: transparent;border: none;font-size: 25px;margin-top: -34px;">+</button><button ng-click="filter.expanded = true" ng-if="!filter.expanded"
    
15.                   style="margin-left: 140px;background-color: transparent;border: none;font-size: 45px;margin-top: -34px;">-</button></div>
    
16. 
    
17.               <h3 class="sort" style="font-size: 18px;font-weight: 100;text-transform: uppercase;margin-bottom: 15px;">{{filter.name}}</h3>
    
18. 
    
19.               <div class="sortoptions" style="margin-bottom: 15px;">
    
20.                 <div data-hidden-checkbox="{{ filter.name == 'family'}}" ng-if="!filter.expanded" ng-repeat="option in filter.options | orderBy: 'value'" style="line-height: 1.6;"><input id="{{option.value}}" ng-checked="option.IsIncluded" ng-model="option.IsIncluded" style="margin-bottom: -1px!important;" type="checkbox" /> <label for="{{option.value}}">{{option.value}}</label></div>
    
21.               </div>
    
22.             </div>
    
23.           </div>
    
24.         </div>

复制代码

回答
在 codepen 示例中，只需添加

ng-if="filter.name !== 'color'"

遍历此处的过滤器列表（ ng-repeat ）。仅当过滤器的名称不是颜色时才会呈现 div。

这是最新的密码笔。