AngularJs:使用筛选器选项进行搜索工作不正常

我对angularjs中的过滤文本有问题

我有一个名为users的contacts JSON数组

[{ "contactId": 1, "contactName": "Anil", "contactEmail": "anil@domain.com", "contactMobile": "1111111111" }, { "contactId": 2, "contactName": "Pankaj", "contactEmail": "pankaj@domain.com", "contactMobile": "2222222222" }, { "contactId": 3, "contactName": "John", "contactEmail": "john@domain.com", "contactMobile": "333444555" }]

搜索过滤器的HTML

<div>
  <label>Name:</label>
  <input type="text" ng-model="nameFilter" placeholder="Enter a name here">
  <hr>
  <h1>Hello {{nameFilter}}!</h1>
<ul ng-controller='MyController'>
    <li ng-repeat="user in users | filter:nameFilter">{{ user.contactName }}</li>
</ul>
</div>

---

在HTML中，我只打印contactName，因为我想使用上面的文本框过滤姓名，而不是contactEmail或contactMobile。。。但是过滤选项是使用contactEmail和contactMobile过滤数据，这也是因为JSON有这些对象。。。。但是，如果不从json数组中删除json对象ContactEmail和contactMobile，我如何仅使用contactName筛选数据。

您可以使用object而不是字符串作为密钥。 见：

---

可以使用对象而不是字符串作为键。 见：

<input type="text" ng-model="nameFilter.contactName" placeholder="Enter a name here">