angularjs - 単一のテキスト ボックスを使用して任意の列データに基づいて行をフィルター処理する方法

Question

を使用してng-tableいます。

例で指定されたフィルターを使用しようとしましたが、各列をフィルター処理するには、個別のテキストボックスが必要です。

しかし、私が達成しようとしているのは、任意の列データに基づいて任意の行を検索するための1つのテキストボックスです。

どうすればこれを達成できますか?

jquery datatable検索ボックスのように。

Answer 1

元の質問に基づいて、最初にすべてのデータをロードする場合、それは非常に簡単です。このhttp://ng-table.com/#/filtering/demo-apiを参照用に使用し、ng-change で先行入力フィルタリングを追加しました。

意見：

<form name="awesomeForm" novalidate>
<div class="input-group">
    <input type="text" class="form-control" placeholder="Search term" name="searchTerm" ng-model="globalSearchTerm" ng-change="applyGlobalSearch(globalSearchTerm)" required />
    <span class="input-group-btn">
        <button class="btn btn-default" type="submit" >
            <span class="glyphicon glyphicon-search"></span>
        </button>
    </span>
</div>
</form>

コントローラーで (テーブルにデータをロードした後):

$scope.applyGlobalSearch = function(term) {
    $scope.tableParams.filter({ $: term });
}