在JHipster中添加静态页面

Question

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

我尝试使用angular component创建一个新的angular CLI：

> 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'？去掉它。您可能正在尝试将组件放入一个不存在的插座中。