javascript - AngularJS 过滤深层属性

标签 javascript angularjs angularjs-ng-repeat angularjs-filter

我正在尝试过滤字符串值的一些数据,但我无法获得正确的语法。这是我的代码:

<tbody ng-repeat="qbRating in vm.scope.qbRatings | filter:'tournament.season.seasonName':'2022'  | ratingFilter | orderBy:'-rating'">
    <tr class="qbrating2022">
        <td>{{ qbRating.tournament.season.seasonName }}</td>
        <td>{{ qbRating.team.teamName }}</td>
        <td>{{ qbRating.completion }}</td>
        <td>{{ qbRating.gain }}</td>
        <td>{{ qbRating.touchdown }}</td>
        <td>{{ qbRating.interception }}</td>
        <td>{{ qbRating.rating }}</td>
    </tr>
</tbody>

过滤器没有返回任何数据,即使它应该返回,但控制台中没有返回任何错误。

任何人都可以帮我纠正语法吗?

最佳答案

您应该通过指定要匹配的对象来对特定属性进行过滤,例如 filter: {'tournament': {season : {seasonName:'2022'}}}

ng-repeat="qbRating in vm.scope.qbRatings | filter: {'tournament': {season : {seasonName:'2022'}}} | ratingFilter | orderBy:'-rating'"

关于javascript - AngularJS 过滤深层属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36669560/

相关文章:

javascript - ng-repeat 执行多次

javascript - 防止在 Bootstrap Datepicker 中选择日期小于日期

javascript - 悬停下拉菜单不适用于多列

javascript - 将 HTML/PHP 加载到 div、iframe 替代方案中

javascript - 在 Jasmine 中运行 javascript es6 代码

javascript - 使用 Angular 显示搜索结果

javascript - AngularJS - 如何在 Controller 中获取 ngRepeat 过滤结果引用

PHP 表单列表

javascript - 如何使用AngularJS实现这种悬停效果?

javascript - 自动建议 20,000 个条目