Почему импорт модуля сущностей в другой нарушает функцию Jhipster? - PullRequest
0 голосов
/ 08 октября 2019

Я тренирую себя на угловых, в Jhipster 6.3.1.

Я создал небольшое приложение с некоторыми отношениями, где у меня есть many to one отношение между Boxer сущностью и Picture

Тогда у меня появилась идея использовать компонент редактирования Picture внутри компонента редактирования Boxer. Чтобы достичь этого, я полагал, что экспорта компонента редактирования Picture в его функциональном модуле и импорта этого последнего в модуль Boxer должно быть достаточно, чтобы использовать его в форме редактирования, как показано ниже

    <div class="form-group">
                    <label class="form-control-label" jhiTranslate="boxingApp.boxer.picture" for="field_picture">Picture</label>
                    <select class="form-control" id="field_picture" name="picture" formControlName="picture">
                        <option [ngValue]="null"></option>
                        <option [ngValue]="pictureOption.id === editForm.get('picture').value?.id ? editForm.get('picture').value : pictureOption" *ngFor="let pictureOption of pictures; trackBy: trackPictureById">{{pictureOption.title}}</option>
                    </select>
                </div>
            </div>


            <jhi-picture-update></jhi-picture-update>

но я удивлен, увидев, что при импорте модуля Picture в Boxer все компоненты My Boxer заменяются компонентами Picture

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

import { BoxingSharedModule } from 'app/shared/shared.module';
import { BoxerComponent } from './boxer.component';
import { BoxerDetailComponent } from './boxer-detail.component';
import { BoxerUpdateComponent } from './boxer-update.component';
import { BoxerDeletePopupComponent, BoxerDeleteDialogComponent } from './boxer-delete-dialog.component';
import { boxerRoute, boxerPopupRoute } from './boxer.route';
import { FilterByPipe } from 'ngx-pipes';
import { BoxingPictureModule } from '../picture/picture.module';

const ENTITY_STATES = [...boxerRoute, ...boxerPopupRoute];

@NgModule({
  imports: [BoxingSharedModule, RouterModule.forChild(ENTITY_STATES),BoxingPictureModule],
  declarations: [
    FilterByPipe,
    BoxerComponent,
    BoxerDetailComponent,
    BoxerUpdateComponent,
    BoxerDeleteDialogComponent,
    BoxerDeletePopupComponent
  ],
  entryComponents: [BoxerDeleteDialogComponent]
})
export class BoxingBoxerModule {}

, модуль Picture выглядит так, как показано ниже

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

import { BoxingSharedModule } from 'app/shared/shared.module';
import { PictureComponent } from './picture.component';
import { PictureDetailComponent } from './picture-detail.component';
import { PictureUpdateComponent } from './picture-update.component';
import { PictureDeletePopupComponent, PictureDeleteDialogComponent } from './picture-delete-dialog.component';
import { pictureRoute, picturePopupRoute } from './picture.route';

const ENTITY_STATES = [...pictureRoute, ...picturePopupRoute];

@NgModule({
  imports: [BoxingSharedModule, RouterModule.forChild(ENTITY_STATES)],
  declarations: [
    PictureComponent,
    PictureDetailComponent,
    PictureUpdateComponent,
    PictureDeleteDialogComponent,
    PictureDeletePopupComponent
  ],
  exports:[
    PictureUpdateComponent
  ],
  entryComponents: [PictureDeleteDialogComponent]
})
export class BoxingPictureModule {}

на картинке ниже вы можете видеть, что моя маршрутизация запрашивает страницы бокса, но я получаю страницы управления фотографиями

the routing is rendering the imported module

ЕслиЯ удаляю BoxingPictureModule из импорта, а <jhi-picture-update></jhi-picture-update> возвращается в нормальное состояние

enter image description here

Пожалуйста, что на самом деле здесь происходит?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...