我正在Angular应用程序中呈现动态页面。我想根据客户端配置更改图标。例如,如果客户端是tesco,则图标网站应该是tesco favicon,等等。
有什么想法吗?我想使用纯角度,所以请使用javascript拒绝想法。
与-> 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'属性