Угловые стили остаются после выхода из компонента

#angular #angular-router

#угловые #angular-маршрутизатор

Вопрос:

У меня есть проект Angular с разными компонентами, контейнерами и маршрутизатором. Допустим, мои 2 страницы — это /login и /home . Проблема в том, что у меня есть некоторые стили, в /login которые после маршрутизации в /home все еще остаются там и разбивают мои стили на /home . Решение, о котором я думал до сих пор, состоит в том, чтобы добавить родительский div на обе страницы и добавить все стили внутри div. Это работает, но я хочу спросить, был ли у кого-нибудь такая же проблема и нашел ли он лучшее / более краткое решение. Спасибо.

1. Является /home в любом случае дочерним элементом или подкомпонентом /login ? Также, пожалуйста, проверьте, есть ли у вас какие-либо глобальные стили в вашем style.css файле, которые могут влиять на оба. Наконец, я бы также предложил проверить ViewEncapsulation стратегию.

2. Я проверил, что по какой-то причине некоторые стили, поступающие /home из /login , остаются. Они оба «верхнего уровня», поэтому ни один из них не является дочерним по отношению к другому. 1 для ViewEncapsulation

3. Решена моя проблема

Ответ №1:

некоторые классы могут использоваться в компонентах, например, в login у вас есть класс content, а в home вы использовали тот же класс, в нем будет использоваться атрибут для класса, пожалуйста, проверьте элемент inspect и проверьте, откуда взялись стили? смотрите из какого файла это? и где вы это использовали