<分区>
使用 Angular ng-repeat，我如何根据对象数组中的键过滤掉项目？
例如，我有这个数据集:
$scope.data = [
{
name: "Example",
id: 1,
status: "deleted"
},
{
name: "Example",
id: 1,
status: "pending"
},
{
name: "Example",
id: 1,
status: "active"
}
// etc
]
如何删除状态为 : "deleted" 的项目？
<div ng-repeat="item in data">
<h1>{{item.name}}</div>
<p>Status: {{item.status}}</p>
</div>
最佳答案
这是在 ng-repeat 中使用过滤器的方法:-
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.data = [
{
name: "Example",
id: 1,
status: "deleted"
},
{
name: "Example",
id: 1,
status: "pending"
},
{
name: "Example",
id: 1,
status: "active"
}
// etc
]
});<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="myCtrl">
<div ng-repeat="item in data | filter:{ status : '!deleted'}">
<h1>{{item.name}}</h1>
<p>Status: {{item.status}}</p>
</div>
</div>关于javascript - 按表达式过滤 ng-repeat，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45484988/
相关文章：
angularjs - ng-include 与 ui-router 中的 $state.go() 不起作用
javascript - 当变量值陷入各种 getintervals 中时，如何更改它？
javascript - 鹅毛笔.js : How to prevent newline entry on Enter to submit the input?
javascript - Cordova/UWP - 如何顺序处理 Promise 并编写例程来递归复制文件夹
javascript - 使用 AngularJS，我可以使用 json 数据生成输入并插入到 dom 中吗？
javascript - 从 js 代码中清除 Kendo DatePicker 时，Angular 模型未更改
javascript - 显示使用 Spring、Spring Security、Hibernate、jQuery、Backbone、AJAX 的 web-app 的当前登录用户的名称