Question

我想将相当于静态HTML页面的内容添加到我的JHipster应用程序中。页面的主体将是静态的（一项隐私权政策），但我希望它使用与其他页面相同的导航栏，以便它们都具有相同的外观和感觉，并且可以在其他页面之间无缝导航。

我尝试使用角度CLI创建新的角度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 }

如何使我的应用正确地将请求路由到新组件？

Answer 1

您为什么需要outlet: 'privacy-policy'？去掉它。您可能正在尝试将组件放入不存在的插座中。

在JHipster中添加静态页面

1 个答案: