Angular2 favicon change dynamically

Asked Oct 11 '16 at 20:53

Active Feb 18 '19 at 16:46

Viewed 1,080 times

I have two component. 1 notification and another is chat. Whenever there is new notification, I need to update icon as well.

I read that only title class will let you change title, which is outside application.

I wanted to know if someone knows how to change favicon in angular2 without using jQuery or other third party libraries.

[Note] The reason I don't want to use third party library is, that we are upgrading our application from angular1 to angular2 and we already have libraries which is 2mb after compiling and optimizing, before optimization it is 8mb (ya, very bad!), anyway we can't afford to add another third party library.

edited Mar 30 '17 at 20:19

Brian Tompsett - 汤莱恩

5,753
72
57
129

asked Oct 11 '16 at 20:53

Basit

16,316
31
93
154

its not angular2 solution, even tho it is pure js solution – Basit Oct 11 '16 at 21:09
1

Precisely: put the Vanilla JavaScript solution into a function and call it from a Component or Service. – msanford Oct 11 '16 at 21:12
Couldn't find anything so I created a lib :) https://github.com/cloudnc/ngx-favicon – maxime1992 Feb 18 '19 at 12:57
Also I'm voting to reopen that question as it's specific for angular and the duplicate points to some raw javascript which is different. – maxime1992 Feb 18 '19 at 12:58

Angular2 favicon change dynamically

0 Answers0