javascript - 如何在AngularJS中使用过滤器

标签 javascript jquery html angularjs

我有以下数据

var data = [
    {
        "h_id": "31",
        "city": "hill",
    },
    {
        "h_id": "13",
        "city": "Bevery Hills",
    },
    {
        "h_id": "5",
        "city": "New York",
    },
    {
        "h_id": "31",
        "city": "New York",
    },
    {
        "h_id": "5",
        "city": "New York",
    }
];

我正在获取这种格式的数据

var data1 = [
    {
        "h_id": "31",
        "city": "hill",
    }, {
        "h_id": "13",
        "city": "Bevery Hills",
    }, {
        "h_id": "31",
        "city": "New York",
    }
];

我想要这种格式的数据

var data1 = [
    {
        "h_id": "31",
        "city": "hill",
    }, {
        "h_id": "31",
        "city": "Bevery Hills",
    }
];

这是我的 angularjs 脚本

$scope.data1 = $filter('filter')($scope.data , {h_id:31} )

我希望数据基于精确匹配进行过滤。我上面使用的过滤器概念不是基于精确匹配进行过滤。

最佳答案

使用Array.filter()得到符合特定条件的结果。

var data = [{
  "h_id": "31",
  "city": "hill",
}, {
  "h_id": "13",
  "city": "Bevery Hills",
}, {
  "h_id": "5",
  "city": "New York",
}, {
  "h_id": "31",
  "city": "New York",
}, {
  "h_id": "5",
  "city": "New York",
}];

var newData = data.filter(el => el.h_id==="31");
console.log(newData);

关于javascript - 如何在AngularJS中使用过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48944524/

相关文章:

javascript - FullCalendar RenderEvent 在版本 3.9.0 中不起作用

javascript - 如何使用JS在canvas上绘制人物的一部分?

javascript - jQuery UI 日期选择器中的静默错误

Jquery渐变动画,进度条

javascript - 如何通过鼠标滚动按钮左右滚动

html - Dojo布局,位置绝对

javascript - 日期字符串格式

javascript - jQuery CSS Targeting 数据标题

javascript - 当用户单击 href 时如何调用 'click'

javascript - 如果选择了选项,则显示文本区域