Я хотел бы добавить, что составляет статическую HTML-страницу в мое приложение JHipster.Тело страницы будет статичным (политика конфиденциальности), но я хочу, чтобы он использовал ту же панель навигации, что и другие страницы, чтобы они все выглядели одинаково и могли плавно перемещаться между другими страницами.
Iпопытался создать новый угловой component
с использованием углового интерфейса командной строки:
> ng generate component privacy-policy
CREATE src/main/webapp/app/privacy-policy/privacy-policy.component.html (33 bytes)
CREATE src/main/webapp/app/privacy-policy/privacy-policy.component.ts (265 bytes)
UPDATE src/main/webapp/app/app.module.ts (2879 bytes)
Я запутался в том, как настроить маршрутизацию для этого, чтобы /privacy-policy
разрешил этот новый компонент.Я попытался создать новый маршрутизатор для этого компонента следующим образом, но он не работал:
import { Route } from '@angular/router';
import {PrivacyPolicyComponent} from 'app/privacy-policy/privacy-policy.component';
export const privacyPolicyRoute: Route = {
path: 'privacy-policy',
component: PrivacyPolicyComponent,
outlet: 'privacy-policy'
};
Я также попытался обновить сгенерированный файл app-routing.module.ts
, чтобы включить новый компонент, но это также не сработало:
import {privacyPolicyRoute} from 'app/privacy-policy/privacy-policy.route';
...
const LAYOUT_ROUTES = [privacyPolicyRoute, navbarRoute, ...errorRoute];
Независимо от того, что я получаю следующую ошибку браузера:
Router Event: NavigationError platform-browser.js:216
NavigationError(id: 2, url: '/privacy-policy', error: Error: Cannot match any routes. URL Segment: 'privacy-policy') platform-browser.js:211
Object { id: 2, url: "/privacy-policy", error: Error }
Как я могу заставить мое приложение правильно перенаправлять запросы на мой новый компонент?