Question

我正在使用Play框架：https://github.com/lashford/modern-web-template/blob/master/public/partials/view.html

    <div class="form-group">           
        <input class="form-control" type="text" ng-model="searchText" placeholder="Type here to filter Users...">
        </div>
     <div class="form-group">
        <input class="form-control" type="text" ng-model="findAge" placeholder="Age Selector (SPECIFIC age filter)">
        </div>
            <hr>
        <table id="user_list" class="table table-striped">
            <thead>
            <tr>
                <th>FirstName</th>
                <th>LastName</th>
                <th>Age</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="usr in uc.users | filter:searchText | filter:findAge:true">
                <td>
                    {{ usr.firstName }}
                </td>
                <td>
                    {{ usr.lastName }}
                </td>
                <td>
                    {{ usr.age }}
                </td>
                <td>
                    <a ng-href="/#/users/delete/{{usr.firstName}}/{{usr.lastName}}" class="btn btn-success pull-right" id="btn_user_update">Delete User</a>
                    <a ng-href="/#/users/edit/{{usr.firstName}}/{{usr.lastName}}" class="btn btn-success pull-right" id="btn_user_update">Edit User</a>
                </td>
            </tr>
            <tr ng-hide="uc.users.length">
                <td colspan="3">
                    <p class="text-center">No Users Found</p>
                </td>
            </tr>
            </tbody>
        </table>

我实现了filter：findAge：true以确保过滤器是准确的。换句话说，如果年龄是27岁，我想要2来过滤它，因为它与输入不完全相同。

有谁知道为什么我的findAge输入字段会过滤所有内容？预期的功能：如果我输入1并且其中一个存储的js的age为1，它应该保持存在。相反，它过滤。

Answer 1

尝试将findAge的输入类型更改为数字而不是文字：

<input class="form-control" type="number" ng-model="findAge" placeholder="Age Selector (SPECIFIC age filter)">

现在它正在尝试将字符串值与存储的数字匹配，而使用严格匹配并不匹配。

Plunkr：http://plnkr.co/edit/ZPKgHJrzRZYFCkM6A5Js?p=preview

Angular.JS - 没有正确过滤/过滤 - 语法：filter：VAR：true？

1 个答案: