angularjs - ブックマークできるURL付きのマスター詳細

Question

1. 左側にアイテムのリストが表示されるページがあります。
2. アイテムの 1 つをクリックすると、アイテムの詳細が右側のペインに表示されます。

3. また、URL は「/item/21」に設定する必要があります。

   • 問題$routeは、完全なリフレッシュが発生することです。
   • アイテムをキャプチャしng-clickて設定するだけの問題は、URLが変更されないため、ブックマークできないことです。

このangularjsサイトは、API とチュートリアルの検索セクションに同様のものを実装しています。

上記を実装するためのオプションは何ですか?

Answer 1

「完全な更新」とは、ページ全体が更新されていることを意味すると思います。これを回避する 1 つの方法は、左側のペインのコンテンツを index.html ページに直接配置し、ng-view のみを使用して右側のペインを制御することです。

<div ng-controller="...">
  <!-- left pane stuff here -->
</div>
<ng-view><!-- right pane stuff will show up here --></ng-view>

https://stackoverflow.com/a/12184150/215945およびhttps://stackoverflow.com/a/14365786/215945も参照してください。