Question

我有两个文本字段，我想使用字段过滤数据。这是我的代码：

        <input type="text" ng-model="partners.name">
    </div>
    <input type="text" ng-model="partners.website">

    <div ng-repeat ="partners in partnersData">
        <div class="cellDiv" ng-click="showName($index)">{{partners.name}}</div>    
        <div class="cellDiv" ng-click="openWebsite(partners.website)">{{partners.website}}</div>
    </div>
</div>

Answer 1

您可以使用filter- (documentation here)中内置的角度，它从数组中选择项目的子集并将其作为新数组返回。

这是基本语法 -

{{ filter_expression | filter : expression : comparator}}

所以在ng-repeat中你必须添加像这样的过滤条件 -

<input type="text" ng-model="partners.name">

<input type="text" ng-model="partners.website">

<div ng-repeat ="partners in partnersData" | filter:partners" >

另一种选择是使用自定义过滤器，您可以在自定义过滤器功能中传递合作伙伴对象。当您的过滤条件/逻辑变得复杂时，这非常有用。

<div ng-repeat ="partners in partnersData" | filter:getPartners" >

现在实现像这样的getPartners -

$scope.getPartners = function (partners) {
    return <some condition>;
}

Answer 2

这是Soloution：

<input ng-model="search.name">
<input ng-model="search.phone">
<input ng-model="search.secret">
<tr ng-repeat="user in users | filter:{name: search.name, phone: search.phone}">

过滤angularjs中字段的数据

2 个答案: