0

我正在开发以下演示应用程序:

向用户显示国家列表(全部显示为带有基本信息和图像的卡片)。当一个国家被点击时,它们会被引导到那个国家的详细信息中,我还显示了该国家的景点列表(例如,埃菲尔铁塔和法国的卢浮宫博物馆)。

国家:

在此处输入图像描述

带有景点列表的国家详细信息:

在此处输入图像描述

这是我的项目结构

/app
  /attractions
    /attraction (COMPONENT)
    /attraction-list (COMPONENT)
    attraction (CLASS)
    attraction.service
    attractions.routing
    attractions.module (EXPORTS 'AttractionListComponent')
  /countries
    /country (COMPONENT)
    /country-detail (COMPONENT, Uses '<attraction-list></attraction-list>')
    /country-list (COMPONENT)
    country (CLASS)
    country.service
    countries.module (IMPORTS AttractionsModule)
    countries.routing
  app.module (IMPORTS CountriesModule)
  app.routing

一切正常,但我确实有一些问题:

  • 我的架构是否遵循良好实践?如果不是,我应该改变什么?
  • 我的模块导入是否正确,例如我应该在根 AppModule 中导入 AttractionsModule (当我这样做时它抱怨,因为 CountryDetail 无法识别<attraction-list></attraction-list>
  • 当我加入延迟加载时会发生什么,它将如何影响我的设置?

提前致谢!

4

0 回答 0