带有静态页面或组件的 Angular？ （组件太多？）

Posted 2023-02-23

【中文标题】带有静态页面或组件的 Angular？ （组件太多？）

【英文标题】：Angular with static pages or components? (too much components?)

【发布时间】：2018-03-04 05:15:35

【问题描述】：

我有一个关于在 Angular 2 中实现静态 html 页面的问题。 我对角度很陌生，所以我想知道你们是否对以下问题有想法：

我正在构建一个非常简单的网络应用程序，教师可以通过它输入 6 节不同的课程。 用户有一个帐户环境，他可以在其中添加课程（作为真实的学校课程）并查看课程的进度。

因此，在每节课中，老师可以开始这 6 节不同的课程，这些课程的内容是纯静态的，几乎就像是幻灯片的幻灯片。 我正在考虑为每张幻灯片制作组件，但几乎有 70 张幻灯片。所以也许应用程序真的很慢？

如果我只是将它们添加为纯 html 页面，那么我需要将最后一页重定向到一个角度组件，教师可以在其中输入数据到 input[type=text] 元素中。但我想知道：我怎样才能从普通的 html 直接到 angular 组件？不知道这是否可能？

现在我的问题是，你们是否想出了在应用程序中添加此“幻灯片”的好方法。

我要为每张幻灯片制作很多组件吗？或者您有其他建议吗？

提前致谢！

【问题讨论】：

为什么不让幻灯片的内容动态化？，创建单个组件并从服务或简单的 JSON 文件中读取内容。然后从组件构建幻灯片的布局。

【参考方案1】：

在组件上创建，可能是display-slide，并为每张幻灯片使用服务，get-slide 从数据库中获取幻灯片数据，并将其显示在组件中。

是的，您可以让老师输入数据并输入标签：<input type="text" name="className" value="">，然后使用模板驱动或响应式表单来收集数据，并通过服务将其发送到数据库。

*为每张幻灯片创建一个组件会减慢你的应用程序，让用户实质上创建一个组件可能不是一个好主意。使用带有服务的数据库将只需要很少的代码，并使您的应用程序更快。请求是异步的，但结果会更好

【讨论】：

@Maarten 太棒了，如果您觉得这回答了您的问题，请随时将其标记为答案。否则让我知道任何澄清