如何在 AngularJS 中過濾數據

Question

我正在嘗試實現一個簡單的搜索文本字段。 我希望它通過過濾他們的姓名和電話號碼來顯示聯系人。 似乎每當我輸入一個字母時，它都會向我顯示名稱中包含該字母的所有聯系人姓名，但它還會搜索每個聯系人的其他屬性（地址、城市、郵件等），因此如果聯系人的姓名不包含字母，它仍然顯示，因為它的其他屬性包含它。 顯然，這不是我想要實現的。

我希望它能夠通過姓名和電話號碼過濾聯系人。

<input type="text" ng-model="query" placeholder="search"/>
<div ng-repeat="c in contacts|filter: query"> ...<\div>

我怎么解決這個問題？ 謝謝你的幫助

Answer 1

基於一個字段進行過濾很簡單：只需將過濾器更改為| filter:{name: query} | filter:{name: query}

如果兩個字段都必須匹配，則基於兩個字段進行過濾很簡單：只需將過濾器更改為| filter:{name: query, phoneNumber: query} | filter:{name: query, phoneNumber: query} 。

如果你想既來匹配它是一種基於兩個字段難以過濾。 這是一個有同樣問題的人。 如果您只是在玩玩，第一個響應有一個簡單的技巧可以使事情正常運行，但是如果您有更多數據，則需要閱讀這篇博文。

順便說一句，您的問題可能被否決了，因為這對 Google 來說並不難。 搜索 [angularjs filter by field] 使我中途到達那里，然后 [ng-repeat filter multiple fields] 將我帶到上面鏈接的結果。