如何在jhipster中的“home.component.html”上显示/显示多个实体？

Question

我想在 jhipster 应用程序的 home 页面上显示两个 entities(product, recipe) 内容。 如何实现这一目标？

Home.route.ts

@NgModule({ 
imports: [MyappSharedModule, RouterModule.forChild([HOME_ROUTE]),
         JhpbackEntityModule],
declarations: [HomeComponent]
})
export class MyappHomeModule {}

之后，在Home.component.html 我已经添加了这个，但出现错误

<jhi-product></jhi-product>
<jhi-recipe></jhi-recipe>

我可以在 localhost:8080/product 和 localhost:8080/recipe 单独访问该实体 但是，在 localhost:8080，我希望显示两个实体

请帮忙。 谢谢你

Answer 1

您应该先将这两个组件导入到 home 组件中：

import ProductComponent from "path/..."
import RecipeComponent from "path/..."
@NgModule({ 
imports: [MyappSharedModule, RouterModule.forChild([HOME_ROUTE]),
         JhpbackEntityModule, ProductComponent, RecipeComponent],
declarations: [HomeComponent]
})
export class MyappHomeModule {}

之后调用各个组件的选择器

<jhi-product></jhi-product>
<jhi-recipe></jhi-recipe>