时间戳

首页 > 解决方案 > 在 JHipster 中添加静态页面

java - 在 JHipster 中添加静态页面

问题描述

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

我尝试component使用角度 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 }

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

标签： javaangularjhipster

解决方案

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

推荐阅读