1

テーブルを列でフィルタリングしようとしています。これはテーブルです：

<tr ng-repeat="row in rowCollection | filter: { person.lastName : lastName}">
        <td>{{row.person.firstName}}</td>
        <td>{{row.person.lastName}}</td>
        <td>{{row.person.birthDate | date:'shortDate'}}</td>
        <td>{{row.person.balance}}</td>
        <td>{{row.person.email}}</td>
</tr>

データは次のようになります。

$scope.rowCollection = [
              {person:{firstName: 'Laurent', lastName: 'Renard', birthDate: new Date('1987-05-21'), balance: 102, email: 'whatever@gmail.com'}},
              {person:{firstName: 'Blandine', lastName: 'Faivre', birthDate: new Date('1987-04-25'), balance: -2323.22, email: 'oufblandou@gmail.com'}},
              {person:{firstName: 'Francoise', lastName: 'Frere', birthDate: new Date('1955-08-27'), balance: 42343, email: 'raymondef@gmail.com'}}
];

この場合、姓の列でフィルターするにはどうすればよいですか? json に複数のレベルがある場合、動作させることができません。plunkr: http://plnkr.co/edit/AFSoGw?p=preview

4

3 に答える 3

2

そのレベルを検索クエリのモデルに追加する必要があるng-modelため、クエリ入力のperson.lastName

filter on lastname: <input type="text" ng-model="person.lastName">
    <h3>Basic Smart-Table Starter</h3>
    <table st-table="rowCollection" class="table table-striped">
        <thead>
          <tr>
              <th>first name</th>
              <th>last name</th>
              <th>birth date</th>
            <th>balance</th>
            <th>email</th>
        </tr>
        </thead>
        <tbody>
        <tr ng-repeat="row in rowCollection | filter: {'person':person}">
            <td>{{row.person.firstName}}</td>
            <td>{{row.person.lastName}}</td>
            <td>{{row.person.birthDate | date:'shortDate'}}</td>
            <td>{{row.person.balance}}</td>
            <td>{{row.person.email}}</td>
        </tr>
        </tbody>
    </table>

この更新されたプランカーを参照してください

于 2015-09-01T12:59:34.907 に答える
0

でフィルタリングするlastNameには、フィルター呼び出しを更新して、それを反映するだけです

<tr ng-repeat="row in rowCollection | filter:lastName">

これは でフィルタリングrowCollectionされlastNameます。

ただし、特に姓に厳密なフィルターが必要な場合は、アプリケーションに対してより正確なフィルターを定義する必要があると思います。のようなものfilterByLastNameで、アイテムをループして、その名前と一致する姓を持つアイテムをチェックします。

次のようなものです。

.filter('filterByLastName', function () {
  return function(items, lastName) {
    var filtered = [];
    if (lastName) {
      for (var i = 0; i < items.length; i++) {
        if (items[i].lastName === lastName) {
          filtered.push[items[i]];
        }
      }
    } else {
      filtered = items;
    }
    return filtered;
  }
})

それがあなたを助けることを願っています!

于 2015-09-01T12:59:52.370 に答える
0

ただ持っている、

ng-repeat="row in rowCollection | filter: lastName"

ユーザーが指定した値に基づいて配列全体をフィルタリングします。

プランカー

于 2015-09-01T12:54:50.203 に答える