1

angularjs のフィルター テキストに問題があります。

「users」という連絡先の 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では、contactEmailやcontactMobileではなく、上記のテキストボックスを使用して「名前」のみをフィルタリングしたいため、contactNameのみを印刷しています...しかし、JSONにはこれらのオブジェクトがあるため、フィルタオプションはcontactEmailとcontactMobileでデータをフィルタリングしています....しかし、json オブジェクト (contactEmail および contactMobile) を JSON 配列から削除せずに、contactName のみでデータをフィルタリングするにはどうすればよいでしょうか。

4

1 に答える 1

4

キーには String の代わりに object を使用できます。参照: http://docs.angularjs.org/api/ng.filter:filter

<input type="text" ng-model="nameFilter.contactName" placeholder="Enter a name here">
于 2013-06-19T07:22:21.843 に答える