Роутер роутер стиль сестра ⇐ CSS

[Anonymous]

Я вернулся в Angular через долгое время и немного смущен. В прошлый раз я использовал угловые маршруты, определяемые там, где их воспитывают в роли детей роутера. Но теперь он воспринимается как роутер роутера. Это нормальное поведение? Раньше роутер был стилизован в соответствии с экраном, но теперь каждый отдельный компонент должен иметь класс, прикрепленный к нему в файле TS. < /P>
Есть ли лучший способ сделать это? Я хотел бы использовать % родительского компонента, чтобы соответствовать размерам родительских компонентов. Добавление контейнера в HTML компонента по-прежнему создает проблему, что он не масштабирует Обертка, и, следовательно, Div имеет размер этого. Я использую Angular 20. Ниже приведен мой текущий код. < /P>

App.html
< /blockquote>

Код: Выделить всё

< /code>

App.routes.ts
< /blockquote>
import { Routes } from '@angular/router';
import { Login } from './features/login/login';

const routes: Routes = [
{
path: '',
component: Login,
},
];

export {routes}
< /code>

App.config.ts
< /blockquote>
import { ApplicationConfig, provideBrowserGlobalErrorListeners, provideZonelessChangeDetection } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';

import { routes } from './app.routes';
import { provideStore } from '@ngrx/store';
import { themeReducer } from './core/stores/theme/theme.reducer';
import { profileReducer } from './core/stores/profile/profile.reducer';

export const appConfig: ApplicationConfig = {
providers: [
provideBrowserGlobalErrorListeners(),
provideAnimationsAsync(),
provideZonelessChangeDetection(),
provideRouter(routes),
provideStore({
theme: themeReducer,
profile: profileReducer
})
]
};
< /code>

login.html
< /blockquote>
LOGIN

Любая помощь ценится.

Подробнее здесь: https://stackoverflow.com/questions/797 ... ng-styling