Question

我正在开发一个应用程序，在应用程序中，有一些“实用程序”按钮，点击后会向用户显示一些信息。

例如，一个问号按钮，点击后会向用户显示一些“快速提示”。

该应用程序是大量数据驱动的，因此我希望避免在用户单击按钮时根据标记显示额外的隐藏元素。

因此，我有一个带有div标记的ng-view元素，只要用户点击问号按钮，该标记就会填充quick-tips.html。

路由代码如下所示：

whiteboard.config(['$routeProvider',function($routeProvider) {
    $routeProvider
        .when('/quick-tips', {
            templateUrl: 'templates/quick-tips.html',
            controller: mainController
        }); 
}]);

这是我的HTML缩短版本：

<a href="#quick-tips"><!-- bootstrap question mark glyphicon --></a>

<div ng-view></div>

<!-- a bunch of other HTML markup (this refreshes for some reason when the route is called and the view is updated) -->

我的问题是，当点击链接时，整个页面会刷新，然后填充视图。我认为它打破了用户体验。这应该发生吗？如果是这样，有没有办法避免它？

我研究过使用$routeProvider resolve，但看起来不会解决这个问题。有什么想法吗？

Answer 1

以下是我自己的问题的答案，以防其他人有这个问题。

我在HTML中使用了base标记：

<base href="<!-- etc. -->">

这导致每次使用路由时页面都会重新加载。

Route重新加载整个页面和视图

1 个答案: