在浏览器中使用“后退”按钮后如何重新加载路线？

Question

我在这里遇到的问题是，当从浏览器中单击“后退”按钮时，不再显示HOME路由页脚中的列表。

$stateProvider.state('home', {
    url : '/product',
    views : {
        "main" : {
            templateUrl : '/product.html'
        },
        "footer" : {
            template : '<footer show-list="true"></footer>'
        }   
    }
});
$stateProvider.state('checkout', {
    url : '/checkout',
    views : {
        "mainContent" : {
        templateUrl : '/checkout.html'
        },
        "footer" : {
            template : '<footer show-list="false"></footer>'
        }   
    },
});

到目前为止，可以从HOME页面开始，并且在页脚视图中有一个下拉列表。然后，它路由到结帐页面。现在，当单击浏览器中的“后退”按钮以返回到“主页”时，下拉列表将不再存在，除非我必须单击“刷新”以强制重新加载页面。

如何重新加载HOME路线，以便它可以加载列表？显示列表是正确的，但是什么也没发生，为什么？