在Angular中设置cookie会被编码

是因为Angular默认会对cookie进行编码，以确保cookie值的安全性和一致性。编码可以防止特殊字符或非法字符对cookie的解析和使用造成的问题。

在Angular中设置cookie可以通过使用ngx-cookie-service库来实现。该库提供了一组方法来处理cookie的设置、获取、删除等操作。

以下是在Angular中设置cookie的步骤：

1. 首先，安装ngx-cookie-service库。可以使用以下命令进行安装：
2. 首先，安装ngx-cookie-service库。可以使用以下命令进行安装：
3. 在需要设置cookie的组件中，引入CookieService：
4. 在需要设置cookie的组件中，引入CookieService：
5. 在组件的构造函数中注入CookieService：
6. 在组件的构造函数中注入CookieService：
7. 使用set()方法来设置cookie。该方法接受三个参数：cookie的名称、值和可选的过期时间。
8. 使用set()方法来设置cookie。该方法接受三个参数：cookie的名称、值和可选的过期时间。
9. 注意：如果不设置过期时间，cookie将在浏览器关闭时自动删除。
10. 若要获取已设置的cookie，可以使用get()方法：
11. 若要获取已设置的cookie，可以使用get()方法：
12. 若要删除cookie，可以使用delete()方法：
13. 若要删除cookie，可以使用delete()方法：

需要注意的是，由于Angular默认会对cookie进行编码，所以在获取cookie时需要进行解码。可以使用decodeURIComponent()函数来解码cookie值。

综上所述，通过使用ngx-cookie-service库，我们可以在Angular中设置和操作cookie，并且不需要手动进行编码和解码的处理。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。

• 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序和工作负载。了解更多信息，请访问腾讯云云服务器。
• 腾讯云对象存储（COS）：提供安全、可靠、低成本的对象存储服务，适用于存储和处理大量非结构化数据。了解更多信息，请访问腾讯云对象存储。