已关闭 - 更改图标 Angular 主题

closed - Change favicon Angular theme

我正在 Angular 应用程序中呈现动态页面。我想根据客户端的配置更改图标。例如,如果客户是 tesco,则 favicon 应该是 tesco favicon 和 so。

有什么想法吗?我想用纯 angular 做,所以请拒绝 javascript 的想法。

类似问题 -> Changing website favicon dynamically

您将需要操纵本机 DOM link 元素来完成此操作。

HTML

<link rel="icon" id="favIcon" type="image/x-icon" href="./assets/favicon.ico" />

打字稿

export class AppComponent implements OnInit {
   favIcon: HTMLLinkElement = document.querySelector('#favIcon');

   constructor() {
     this.favIcon.href = './favicon_path_folder/favicon.ico';
   }
}

使用这个你应该能够改变你的代码,这样当客户端切换时,或者在你的目标组件的 ngOnInit 中你更新 faveIcon 的 'href' 属性 link