时间戳

首页 > 解决方案 > 关闭 - 更改 favicon Angular 主题

angular - 关闭 - 更改 favicon Angular 主题

问题描述

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

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

标签： angulartypescriptangular-materialfavicon

解决方案

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

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

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

推荐阅读