页面重新加载Angular之间不持久的Cookie

Question

我的Cookie在页面重新加载之间不会持久。我试图存储一个cookie来保存用户想要查看该页面的语言。我设置了一个带有该语言缩写的变量，然后使用查找表为各种页面元素提供正确的翻译。变量设置如下：

var pre = $cookies.language || $locale.id.split('-')[0];
var currentLanguage = locales[pre] || 'english';
console.log('language cookie on page load is: ',$cookies.language);
// other function uses lookup table to fill in elements

控制器中还有一些其他逻辑调用我的服务中的函数。服务功能更改存储在cookie中的值并重新加载页面：

        function(language){
        $cookies.language = language;
        console.log('language cookie has been set to: ',$cookies.language);
        console.log('now reloading page');
        $window.location.reload();
        }

很多关于cookie的信息，但如果有所不同的话，我会在本地完成所有这些工作。我从文件系统加载index.html文件。唯一提供的文件是来自CDN的一些bootstrap和angular文件。