Angular-2: Изменить значок избранного в соответствии с конфигурацией
Я отображаю динамическую страницу, меню и другие элементы в моем приложении. Я также хочу изменить значок в соответствии с настроенным администратором.
Скажем, например, если когда мойзагрузка страницы настроенный значокxyz.png тогда это покажетxyz.png как значок.
Как и на изображении ниже, новый значок должен заменить существующий рядом с «Тестовое приложение». Прямо сейчас он показывает значок по умолчанию, как показано ниже.
index.html:
<!DOCTYPE html>
<html>
<head>
<base href="/MyFirstAngular2/" >
<title>Angular 2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" id="appIcon" href="/favicon.ico" type="image/x-icon" />
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" />
<link href="css/Site.css" rel="stylesheet" />
<script src="scripts/jquery-2.2.1.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/main/shim.min.js"></script>
<script src="scripts/main/zone.js"></script>
<script src="scripts/main/reflect-metadata.js"></script>
<script src="scripts/main/system.src.js"></script>
<script src="scripts/system.config.js"></script>
<script>
document.SYSTEMJS_CONFIG.map.app = 'scripts/configs';
document.SYSTEMJS_CONFIG.packages.app = { main: 'application.ts', defaultExtension: 'ts' };
System.config(document.SYSTEMJS_CONFIG);
System.import('app').catch(function (err) {
console.error(err);
});
</script>
</head>
<body>
<application></application>
</body>
</html>
Я получаю новый значок при каждой загрузке компонента, поэтому вам нужно просто поменять значок значка из любого вызова компонента.