Это уже повторяющиеся вопросы, но я попробовал все способы, как работает один из них, но он кажется не очень хорошим. Я хочу иметь две разные таблицы стилей, а также разные скрипты: первый для пользовательских страниц, а другой - с панелью администратора каждый у каждого есть свои стили, сценарии и изображения. Как я могу разделить эти разные стили? Я должен добавить основной в индекс. html с использованием идентификаторов, а затем изменить значение идентификаторов, углубленное в макете страницы, но это не очень хороший способ. так как у меня в консоли многократная ошибка, что неизвестные ссылки пользователей, а также дело администратора и т. е. стих, моя пробная версия Это моя голова
<!--custom css-->
<link id="Usertheme" rel="stylesheet" href="">
<!--Bootstrap css-->
<link id="Userbootstrap" rel="stylesheet" href="">
<!--Magnific popup css-->
<link id="Userpopup" rel="stylesheet" href="">
<!--Themify icon css-->
<link id="Usericons" rel="stylesheet" href="">
<!--animated css-->
<link id="Useranimate" rel="stylesheet" href="">
<!--ytplayer css-->
<link id="UserYTPlayer" rel="stylesheet" href="">
<!--Owl carousel css-->
<link id="Usercarousel" rel="stylesheet" href="">
<link id="Userdefault" rel="stylesheet" href="">
<!--responsive css-->
<link id="Userresponsive" rel="stylesheet" href="">
<!--admin-->
<link id="adminapp" href="" rel="stylesheet">
<link id="adminmaterialize" href="" rel="stylesheet">
<!-- Theme style. You can choose a theme from css/themes instead of get all themes -->
<link id="adminalltheme" href="" rel="stylesheet" />
на странице администратора ts
constructor(@Inject(DOCUMENT) private document, private router: Router, private service: UserService) { }
ngOnInit() {
this.document.getElementById('Usertheme').setAttribute('href', './assets/css/adminstyle.css');
this.document.getElementById('adminapp').setAttribute('href', './assets/css/app.min.css');
this.document.getElementById('adminmaterialize').setAttribute('href', './assets/js/bundles/materialize-rtl/materialize-rtl.min.css');
this.document.getElementById('adminalltheme').setAttribute('href', './assets/css/styles/all-themes.css');
this.service.getUserProfile().subscribe(
res => {
this.userDetails = res;
},
err => {
console.log(err);
},
);
}
и на страницах пользователей я изменяю ссылки
, что является лучшим способом обработать эту часть двумя разделенными стилями