0

単純なタイプのコントローラーとして ng-repeat とフィルターの組み合わせを使用する angularJS アプリを作成しています。これは、ユーザーがサイト内を検索してクリックできるようにするためです。

私のサイドバーのナビゲーションは次のようになります。

<li><a ng-click="navFilter = {type: 'section1'}" >Section 1</a></li>
<li><a ng-click="navFilter = {type: 'section2'}" >Section 2</a></li>
<li><a ng-click="navFilter = {type: 'section3'}" >Section 3</a></li>

これは、検索フィルターでも機能します。

<input ng-click="Filter = null" type="text" ng-model="searchFilter">

ユーザーが検索ボックスをクリックすると、「フィルター」サイドバー ナビゲーションによってトリガーされたフィルターが null に設定され、ユーザーはサイトのすべてのコンテンツを検索できます。

<div ng-repeat="item in items | filter:navFilter | filter:searchFilter">
    <div>{{item.title}}</div>
    <div>{{item.body}}</div>
</div>

ユーザーが戻るボタンを押したときに何が起こるか心配です。ユーザーがヒットバックしたときに、URL によってフィルターが以前の状態に戻るようにルーターを構成する「Angular」の方法はありますか?

4

1 に答える 1