Как добавить всплывающее окно Angular Enable Cookies

Я разрабатываю приложение с использованием angular 9, и мне нужно добавить всплывающее сообщение с просьбой включить файлы cookie внизу моей домашней страницы (как я видел на большинстве веб-сайтов). Есть ли способ сделать это. Пожалуйста, помогите (я новичок в angular)


typescript angular cookies angular9 popup
person Sahan Thilakarathna    schedule 26.05.2020    source источник
comment
одним из вариантов будет «материальная закусочная» - часть библиотеки угловых материалов.   -  person Chandra Kanth    schedule 26.05.2020
comment
Я думаю, это может помочь вам stackoverflow.com/questions/41684114/   -  person Jakov Gl.    schedule 26.05.2020

Ответы (1)


arrow_upward
0
arrow_downward

Добавьте ссылки ниже в index.html:

<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
  <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>

Добавьте логику ниже в app.component.ts на ngOnInit:

let cc = window as any;
       cc.cookieconsent.initialise({
         palette: {
           popup: {
             background: "#164969"
           },
           button: {
             background: "#ffe000",
             text: "#164969"
           }
         },
         theme: "classic",
         content: {
           message: this.cookieMessage,
           dismiss: this.cookieDismiss,
           link: this.cookieLinkText,
           href: environment.Frontend + "/dataprivacy" 
         }
       });

Ссылка: https://developersde.azurewebsites.net/2018/10/29/implementing-cookie-for-angular-app/

person Sravan Kumar    schedule 28.06.2021