Angular-动态图标

问题描述 投票:1回答:1

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

有什么想法吗?我想使用纯角度,所以请使用javascript拒绝想法。

angular typescript angular-material favicon
1个回答
0
投票

与-> Changing website favicon dynamically类似的问题

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

HTML

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

打字稿

const favIcon = document.querySelector('#faveIcon');
favIcon.href = '[insert value here]'

使用此代码,您应该能够更改代码,以便在客户端切换时或在目标组件的ngOnInit中,更新faveIcon链接的'href'属性

© www.soinside.com 2019 - 2024. All rights reserved.