当前位置: 首页 > 面试题库 >

如何使用复选框过滤angularJS中的多个值(或操作)

濮佑运
2023-03-14
问题内容

如何使用Checkbox过滤angularJS中的多个值(或操作)

<ul ng-repeat="movie in movies |filter:Filter.Comedy | filter:Filter.Action  | filter:Filter.Drama">
    <li>{{movie.name}}</li>
</ul>
<label>Comedy</label><input  type="checkbox" ng-model="Filter.Comedy" ng-true-value="Comedy"  data-ng-false-value=''/><br/>
<label>Action</label><input  type="checkbox" ng-model="Filter.Action" ng-true-value="Action"  data-ng-false-value=''/><br/>
<label>Drama</label><input  type="checkbox" ng-model="Filter.Drama" ng-true-value="Drama"  data-ng-false-value=''/>

http://jsfiddle.net/samibel/va2bE/1/


问题答案:

使用过滤器功能:

视图:

<ul ng-repeat="movie in movies | filter: showMovie">
    <li>{{movie.name}}</li>
</ul>

控制器:

$scope.showMovie = function(movie){
    return movie.genre === $scope.Filter.Comedy || 
        movie.genre === $scope.Filter.Drama ||
        movie.genre === $scope.Filter.Action;
};

**[Fiddle](http://jsfiddle.net/GruffBunny/utKug/)**



 类似资料:
  • 问题内容: 我想使用in角度,并希望过滤多个值,如果它具有值之一,则应该显示它。 我有这样的结构: 具有属性的对象,我要过滤和。 我知道我可以做,但是如果我想动态过滤它该怎么办。例如 如何设置的,当我有我有过滤器类型的数组? 我可以将其构造为字符串,然后执行一个操作,但我不想使用eval()… 问题答案: 我只是创建一个自定义过滤器。他们并不难。 模板: *链接 *编辑 在这里:创建角度过滤器 更

  • 问题内容: 第一次在这里发布问题,如果违反任何Stack Overflow礼节,请提前道歉!:-) 我第一次去一些AngularJS,以便为我的老板创建概念证明。这是一个基本的租车列表应用程序,主列中有结果列表,侧面有一个过滤器面板。我设法从JSON对象中提取结果,并应用一个基本的过滤器,如下所示; 筛选器 …我还无法解决的一件事是如何添加一组复选框以应用过滤器,例如“汽车类型”,其中包含“迷你”

  • 问题内容: 我想过滤结果。 有一个葡萄酒清单,我的愿望是当未选中任何复选框时,将显示整个葡萄酒清单。 当仅选中1个复选框时,显示相关类别 当选中多个复选框时,将显示相关类别 我是AngularJS的新手,我尝试了ng-model都没有成功,这是没有与函数关联的ng-model的代码: 如何使用ng-model或ng-change将功能与每个复选框按钮相关联以具有实时过滤模型? 问题答案: 只是添加

  • 问题内容: 我有以下代码,通过检查球员的裤子大小复选框,尝试对阵列中的球员进行过滤。 我知道我在转发器中有数据数组,然后在数据数组元素(两个不同的div)之外的元素中过滤输入,这可能是导致断开连接的原因吗?因为当我将复选框添加到Repeater元素时我注意到,所以当我单击复选框时,确实会得到某种形式的反馈数组。 绑定搜索输入框非常容易实现,但是我花了太多时间获取这个简单的复选框来过滤数据。 因此,

  • 我一直在研究这个问题,但我找不到一个带有复选框的get drawable的解决方案。我试图做的是,当你点击这个特定的复选框时,它会过滤相应颜色的复选框。顺便说一下,这是一个片段。所以,我有可以是红色、黄色或绿色的复选框。如果用户点击它们,它会改变颜色。例如,我有一个黄色的复选框,它是chkProgress,当它被单击时,我想找到所有黄色的复选框,并筛选黄色的复选框。所以,我有可绘制的ID,我需要得

  • 当试图使用C#运行硒测试时,我遇到了一个问题,无法检查这两个“复选框”。 这是我的第一个复选框,它确实工作并检查box。驱动程序。FindElement(By.XPath("//tag[@for='LegitimateCompany协议CheckBox']")。单击(); 但是,如果我简单地使用另一个复选框的标签,即“TermsOfServiceCheckBox”,它不会选中该框,但它实际上打开了