angularjs - 带有可以添加书签的 url 的 master-detail

Question

1. 我有一个页面，其左侧显示项目列表。
2. 单击其中一项时，该项目的详细信息应在右窗格中打开。

3. 网址也应设置为“/item/21”

   • 问题$route在于它会导致完全刷新。
   • 仅捕获ng-click和设置项目的问题在于 url 不会更改，因此无法添加书签。

该angularjs站点为其 api 和教程搜索部分实现了类似的功能。

我有哪些实施上述方案的选择？

Answer 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