我正在开发以下演示应用程序:
向用户显示国家列表(全部显示为带有基本信息和图像的卡片)。当一个国家被点击时,它们会被引导到那个国家的详细信息中,我还显示了该国家的景点列表(例如,埃菲尔铁塔和法国的卢浮宫博物馆)。
国家:
带有景点列表的国家详细信息:
这是我的项目结构
/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>
- 当我加入延迟加载时会发生什么,它将如何影响我的设置?
提前致谢!