Angular设置Cookie问题排查：控制台返回undefined

嘿，我帮你梳理下问题，你遇到的undefined大概率是几个常见坑导致的，咱们一步步解决：

1. 先修语法错误 #

看你贴的代码片段，首先就有个明显的问题——你写的funct...是不完整的function，这个语法错误会直接导致控制器初始化失败，$cookies依赖自然无法正确注入，返回undefined是必然的。

2. 正确使用$cookies的API #

AngularJS 1.4+之后推荐用$cookies替代旧的$cookieStore，它的核心操作方法要记清楚：

• 设置Cookie：$cookies.put('cookieName', 'cookieValue', options)
• 获取Cookie：$cookies.get('cookieName')
• 删除Cookie：$cookies.remove('cookieName', options)

给你贴个完整的可运行示例：

<html>
<head>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-cookies.js"></script>
  <script>
    angular.module('App', ['ngCookies'])
      .controller('ctrl', ['$cookies', function($cookies) {
        // 设置Cookie，可选配置路径、过期时间等
        $cookies.put('username', 'test_user', {
          path: '/', // 确保路径覆盖全站，默认是当前页面路径
          expires: new Date(Date.now() + 3600000) // 1小时后过期
        });

        // 获取Cookie
        var user = $cookies.get('username');
        console.log(user); // 现在应该能正常输出值，而非undefined
      }]);
  </script>
</head>
<body ng-app="App" ng-controller="ctrl">
</body>
</html>

3. 注意浏览器的Cookie限制 #

• 如果你是直接打开本地HTML文件（file://协议），很多浏览器会禁止设置Cookie，建议用HTTP服务器（比如Node.js的http-server，或者Apache）来运行页面。
• 确保Cookie的path和domain配置正确，如果页面在子路径下，设置path: '/'能让整个站点都访问到这个Cookie。

4. 确认依赖模块加载正常 #

你已经引入了angular-cookies.js并在模块里声明了['ngCookies']依赖，这部分是对的，但如果CDN链接加载失败，也会导致$cookies无法使用，可以在浏览器开发者工具的Network面板检查文件是否成功加载。

按照上面的步骤修正后，应该就能正常设置和获取Cookie了，不会再返回undefined啦！

内容的提问来源于stack exchange，提问作者magu_