javascript - フィルターをクリアする方法 - AngularJS

Question

私はAngularJSを初めて使用し、今日フィルターで遊んでいました。フィルターを適用してfilter、選択メニューの基準に一致する行のみを表示することができました。ただし、ボタンに「フィルターのクリア」機能を追加することはできませんでした。ボタンがクリックされたときにフィルターをリセットするにはどうすればよいですか?

次の Plunker では、これを達成しようとして私が使用していたコードを見ることができます: Plunker - AngularJS サンプル

Answer 1

このディレクティブを使用して、フィルター モデルをng-click、、、、またはなどの偽のfalseJavascript 値に設定できます。''undefinednull{}

次のコードでは、 をクリックするとモデルdivがリセットされます。customFilter

<input type="text" ng-model="customFilter" />
<div ng-click="customFilter = undefined">
    Clear Filter
</div>

Angular v1.4.1 を使用した Plunker プロジェクトの更新されたフォークへのリンクを次に示します。

Answer 2

クリック ハンドラーをスコープ内のng-clickクリア変数にバインドするために使用できます。query

http://plnkr.co/edit/p1DnoV

Answer 3

この例は、ng-table フィルターを使用している場合にフィルターをクリアするのに役立ちます

<table ng-table="tableParams" show-filter="true" class="table table-striped table-bordered table-condensed table-hover cf">
    <tbody>
        <tr ng-repeat="tableData in $data">
            <td data-title="'Name'" filter="{Name:'text'}" sortable="'{Name}'" />
        </tr>
    </tbody>
</table>

以下のようにng-clickからフィルターをクリアできます

$scope.tableParams.parameters({ filter: {}, sorting: {}, page: 1 });