javascript - 对逗号分隔的对象进行多选过滤器

标签 javascript html json angularjs filter

使用 angularjs,我希望有多个复选框,选中这些复选框时,它们会根据所选的任意数量的“标签”对数据应用过滤器。属性tag 包含逗号分隔值。每个值都将归属于一个复选框。

复选框:肩膀、膝盖、手、脚、核心稳定性、背部

数据:{ “id”:“2”, "name": "健身球上的中立脊柱 - 单腿和 ARM 举升", “执行集”:“3”, “执行代表”:“20”, "perform_rest": "30 秒", "tags": ["肩部","核心稳定性","背部"] },

我有大约 4000 条记录,其结构如下。我愿意以不同的方式排列标签,这些标签尚未添加到数据中。理想情况下,我需要从一开始就做到这一点,因为为每个练习输入它们将非常耗时。

提前非常感谢。

最佳答案

根据您在问题中对我的评论,应该是您想要的:

(忽略下面的代码片段,因为我需要链接到 plnkr)

http://plnkr.co/edit/Xg7tGAQvBy3C6PjNROSH?p=preview

enter image description here

$scope.ApplyFilter = function() {
   $scope.FilteredData = $scope.Data;
   for (var i = 0; i < $scope.ActiveFilters.length; i++) {
      $scope.FilteredData = $filter('filter')($scope.FilteredData, $scope.ActiveFilters[i], undefined);
   }
    };

关于javascript - 对逗号分隔的对象进行多选过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27366660/

相关文章:

json - typescript/angularJs 2 中的类型 'name' 不存在属性 'JSON'

java - 如果类中没有使用不同类型,GSON 是否应该忽略它们?

javascript - 删除所有 CSS 规则

javascript - 为什么我得到了 "Uncaught TypeError: Cannot read property ' 未定义的计数器“尽管我使用箭头函数来设置超时?

jquery - 横幅中需要连续循环

javascript - 顶部导航上的白框,而 css 动画或切换导航正在进行中

javascript - Html5 中的 3 层 Canvas

javascript - 使用 JavaScript 解析带有竖线字符的短语

javascript格式化日期格式

javascript - 如何使用 JavaScript 从 firebase JSON 检索每个对象的数据