已关闭 - 更改 favicon Angular 主题

Question

我正在我的 Angular 应用程序中渲染动态页面。我想根据客户端的配置更改图标。例如，如果客户端是 tesco，则 favicon 应该是 tesco favicon 等。

任何想法？我想使用纯角度来做到这一点，所以请拒绝使用 javascript 的想法。

Answer 1

类似的问题 ->动态更改网站图标

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

超文本标记语言

<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”属性