Угловой условный CSS для целевой страницы

Question

Я выкладываю приложение Angular, которое имеет совершенно другой стиль для целевой страницы, чем остальная часть приложения.Я разработал некоторые внутренние "страницы", но мне нужно добавить дополнительные div, классы, использовать другой нижний колонтитул и т. Д.

Я копался в поисках лучшего способа сделать это, и я могу 'не найти последовательного ответа.Я думал, что смогу создать условия, основанные на маршруте, но я продолжаю получать ошибки шаблона.Любая помощь очень ценится.Заранее спасибо!

Answer 1

Так что я нашел способ обойти эту проблему, в конце концов.В моем основном компоненте, который загружает в мои элементы страницы, я добавил событие, чтобы найти URL-адрес «целевой страницы»:

    this.router.events.subscribe(event => {

        if (this.router.routerState.snapshot.url === '/') {

        } else {

        }
    }); 

Затем, используя * ngIf, я передал значения, чтобы показать / скрыть, какие элементы яхотел загрузить мой основной компонент на моей целевой странице по сравнению с другими страницами.