Angular 尝试使用单个角度组件作为多个HTML内容的模板

我是一个有棱角的新手，尝试使用单个组件@comic story作为多个漫画的模板，最终生成单个漫画URL（对于开发人员来说是本地的）：

每个漫画都是一个单独的页面，带有一个带有精心制作的HTML的旋转木马：

一瓶红葡萄酒

一瓶红色：第1页，共7页
关于本页

...
...
故事笔记

这里有一个stackblitz链接，显示了我是如何使用Angular Router实现的，

---

希望这有帮助

我建议创建一个组件并动态填充内容。因为，漫画的样式是一样的，只是内容不同。这样，你的工作量就会减少。我同意@SunilLama，你也应该使用棱角分明的RouterSounds。我是新手：如何动态填充内容？谢谢。有很多东西需要研究。我没有数据库。我需要学习如何构建一个数据库，还是有更静态的解决方案？如果不想使用数据库，可以将数据存储为json文件或数组component@DavidMarshall我更新了代码，所以你不需要数据库。这太棒了！我唯一的问题是：由于每个漫画的标记非常复杂，数组能否指向html资产而不是ID、名称和描述字段？@DavidMarshall您不需要很多html文件，只需要创建一个模板文件，在其中使用ID显示与该ID相关的数据，这样你就不必担心你必须拥有多少HTML页面，所以我不建议这样做。但是如果你想指向另一个页面，你只需要创建所有这些页面，然后添加到router.module并导航到它们。