javascript - 如何使用 AngularJs 过滤 JSON 数据

Question

我有 json 数据，我希望它通过流派等过滤器显示。来自 How to filter JSON-Data with AngularJs? 的最后一个问题不要为我工作。

我的应用程序.js

var myApp = angular.module('myApp', []);

myApp.controller('myApp', function($scope) { 

$scope.isoffice = function(apps) {
    return apps[0].genre === "office";
};

$scope.apps = [
    {
  "id": "stardict",
  "genre": "aksesoris", 
  "name": "Stardict"
},
{
  "id": "libreoffice",
  "genre": "office", 
  "name": "LibreOffice"
}];
}

我的 index.html

<div ng-repeat="app in apps | filter:isoffice">
  {{apps[0].name}}
</div>

我想念什么了吗？谢谢..

Answer 1

您不需要比较器函数来执行该过滤。你可以使用这个:

<div ng-repeat="app in apps | filter:{genre:'office'}">
  {{app.name}}
</div>

请注意，我使用 app.name 来显示当前由 ngRepeat 生成的应用程序。 apps[0].name 将重复显示第一个条目(如果多个条目符合您的过滤器)。

demo fiddle

如果你想使用比较器函数，这将起作用(每次发送一个对象，所以你不想将它作为数组引用):

$scope.isoffice = function(apps) {
   return apps.genre === "office";
};

comparator demo