Как добавить правильно создать компонент в мой проект Jhipster + Angular с работающим роутером? - PullRequest
0 голосов
/ 20 января 2020

Так что я сгенерировал новое приложение на jhipster, и я хотел создать лицевую страницу часто задаваемых вопросов для своего веб-портала, я создал ее как сущность, и она сгенерировала все компоненты CRUD (детализация, удаление, редактирование). Это, конечно же, в шаблоне jhipster выглядит как таблица представления администратора / пользователя с кнопками для просмотра, редактирования или удаления. Я хочу, чтобы FAQ публиковался c для посетителей сайта без необходимости иметь учетную запись ... Поэтому я создал компонент faq-page, как в документации сказано: https://www.jhipster.tech/using-angular/ только проблема является ли ссылка на маршрутизатор не перенаправляющая меня на '/ faq', вместо этого она перенаправляет меня на страницу 404. Я создал компонент 'faq-page' на основе существующего 'home', как показано ниже:

  • faq-page.component. html (сейчас есть только несколько текстов)
  • faq-page.component.ts

    import { Component, OnInit } from '@angular/core';
    
    @Component({
      selector: 'jhi-faq-page',
      templateUrl: './faq-page.component.html',
      styleUrls: ['./faq-page.component.scss']
    })
    export class FaqPageComponent implements OnInit {
    
      constructor() { }
    
      ngOnInit() {
      }
    
    }
  • faq-page.module.ts

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';

import { TestAppSharedModule } from 'app/shared/shared.module';
import { FAQ_PAGE_ROUTE } from './faq-page.route';
import { FaqPageComponent } from './faq-page.component'

@NgModule({
  imports: [RouterModule.forChild([FAQ_PAGE_ROUTE]), TestAppSharedModule ],
  declarations: [FaqPageComponent]
})
export class FaqModule { }
  • faq-page.route.ts

import { Route } from '@angular/router';

import { FaqPageComponent } from './faq-page.component';

export const FAQ_PAGE_ROUTE: Route = {
  path: 'faq',
  component: FaqPageComponent,
  data: {
    authorities: [],
    pageTitle: 'faq-page.title'
  }
};
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...