在Angular中，我们可以使用ngx-cookie-service库来处理Cookie。下面是一个示例代码，展示如何正确地添加Cookie：

首先，安装ngx-cookie-service库：

npm install ngx-cookie-service

在你的组件中导入CookieService并在构造函数中注入它：

import { Component } from '@angular/core';
import { CookieService } from 'ngx-cookie-service';

@Component({
  selector: 'app-root',
  template: `
    Add Cookie
  `,
})
export class AppComponent {
  constructor(private cookieService: CookieService) {}

  addCookie() {
    this.cookieService.set('cookieName', 'cookieValue');
    console.log('Cookie added successfully!');
  }
}

在上面的示例中，我们导入了CookieService并在构造函数中进行了注入。在addCookie方法中，我们使用set方法来添加一个名为cookieName的Cookie，并将其值设置为cookieValue。

确保你在模板中有一个按钮或其他触发器，以调用addCookie方法。

这样，当你点击按钮时，将会添加一个名为cookieName的Cookie，并在控制台中输出"Cookie added successfully!"。

请注意，确保将AppComponent添加到你的模块的declarations和providers中。

希望这可以帮助你解决问题！