javascript - 如何在 Angular JS 中按父属性过滤子属性？

Question

如何过滤下面的 JSON 对象，以便只显示日期为“01-2015”的名称？当我尝试使用下面的过滤器方法时，我最终在 HTML 内容中得到了类似“[] []”的内容。如果有解决方案，我如何显示名称的每个数组项而不是让 HTML 返回 ['Susan Hill', 'Petrona Morgan']？

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

<div ng-app="anniversaries" class="row" ng-controller="annList">
<div class="mdl-card__supporting-text text2" >
    <p ng-repeat="ann in anns">{{ ann.names | filter:{$:"01-2015"} }}</p>
</div>
<script>
annApp.controller('annList', function ($scope) {
  $scope.anns = [
    {'date':'01-2015','year': '45', 
    'names': ['Susan Hill', 'Petrona Morgan ']},
    {'date': '01-2015', 'year': '35',
    'names': ['Terisa Branson', 'Jo Fox', 'Genette McKown']}
  ];
}); 
</script>

Answer 1

尝试

<p ng-repeat="ann in anns | filter: {date : '01-2015'}">
  <span ng-repeat="name in ann.names">{{name}}<br/></span>
</p>