为什么 AngularJS 过滤器匹配不完整的值

Question

尝试使用 ng-model + 文本输入作为搜索栏时，我得到的值不完整。

作为一个例子：当我在文本输入中写“li”时，我得到的结果是“B Lifting”，但是当我尝试写“lifting”时它不会显示任何结果。如果我写“kl”，我可以找到“Gulklokken”，但如果我搜索“Gulklokken”，它不会显示结果。

我似乎无法弄清楚它的原因。

搜索栏代码：

   <div id="searchBar" class="input-group input-group-lg">
        <input type="text" ng-model="search.hovedkunde" class="form-control" placeholder="Search here" ng-focus="focused = true" ng-blur="focused = false">
    </div>

显示结果的代码：

        <div class="col-md-6">
            <div ng-if="search.hovedkunde" ng-controller="paginationCtrl">
                <table class="table table-hover">

                    <tr>

                        <th><a href="" ng-click="predicate = 'hovedkundE_ID'; reverse=false">ID</a></th>
                        <th><a href="" ng-click="predicate = 'hovedkunde'; reverse=false"> Hovedkunde</a></th>
                        <th><a href="" ng-click="predicate = 'lonG_NAME'; reverse=false">Kundenavn</a></th>
                        <th></th>

                    </tr>

                    <tr ng-repeat="pro in filtered = (projects | filter: search) | sliceArray:bigCurrentPage*pageSize | limitTo : pageSize | unique:pro.projectId | orderBy:predicate:reverse ">

                        <td ng-click="setInfo(pro.projectId)">{{pro.hovedkundE_ID}}</td>
                        <td ng-click="setInfo(pro.projectId)">{{pro.hovedkunde}}</td>
                        <td ng-click="setInfo(pro.projectId)">{{pro.lonG_NAME}}</td>
                        <td ng-click="setInfo(pro.projectId)"><button type="button" class="btn btn-primary">Retrieve</button></td>
                    </tr>

                </table>

                <div class="text-center">
                    <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" max-size="maxSize" class="pagination" boundary-links="false" rotate="false" num-pages="numPages"></pagination>
                </div>

            </div>
        </div>

Answer 1

filter 表达式允许您指定一个比较器。

---

比较器，用于确定是否应将预期值（来自过滤器表达式）和实际值（来自数组中的对象）视为匹配。

可以是以下之一：

function(actual, expected): 函数将被赋予对象值和要比较的谓词值，如果该项目应包含在过滤结果中，则应返回 true。

true: function(actual, expected) { return angular.equals(expected, actual)} 的简写。这本质上是对预期和实际的严格比较。

false|undefined: 一个函数的简写，它将以不区分大小写的方式查找子字符串匹配。

---

在你的情况下，你应该像这样定义filter

filter:search.hovedkunde:true