使用 Angular *ngFor 重复静态内容可以吗
Is it okay to use Angular *ngFor to repeat static content
我想创建 6 个 <a> 标签，其中包含不同的背景颜色和图像。所有的颜色和图像都是静态数据。我应该对所有 <a> 标签进行硬编码还是对数组使用 *ngFor？它们之间有什么性能差异吗？
如果该内容确实是静态的，我宁愿将其硬编码到网页中，而不是使用 ngFor。此外，您说所有链接都不同，这意味着您需要将大量数据传递到项目数组（样式或类名、标题、href 等）中。因此，使用 HTML.
编码一次要快得多
从性能的角度来看，它也更好。在您的情况下，如果您使用 ngFor，您会在没有真正理由的情况下使 angular 到 运行 内部事物。您实际上还创建了对局部变量（项目数组）的不必要绑定。
我认为在这种特殊情况下，使用 HTML.
更容易也更快捷
注意：根据静态内容，我认为内容在用户与应用程序交互的所有时间都不会以任何方式更改。
如此小的不可变数据集对性能的影响微不足道。在我看来，使用 ngFor 更好的可读性和可维护性更为重要。
ngFor 的替代方法是 NgTemplateOutlets，同时保持相同的好处。您可以在此处阅读更多相关信息：https://angular.io/api/common/NgTemplateOutlet
我想创建 6 个 <a> 标签，其中包含不同的背景颜色和图像。所有的颜色和图像都是静态数据。我应该对所有 <a> 标签进行硬编码还是对数组使用 *ngFor？它们之间有什么性能差异吗？
如果该内容确实是静态的，我宁愿将其硬编码到网页中，而不是使用 ngFor。此外，您说所有链接都不同，这意味着您需要将大量数据传递到项目数组（样式或类名、标题、href 等）中。因此，使用 HTML.
从性能的角度来看，它也更好。在您的情况下，如果您使用 ngFor，您会在没有真正理由的情况下使 angular 到 运行 内部事物。您实际上还创建了对局部变量（项目数组）的不必要绑定。
我认为在这种特殊情况下，使用 HTML.
更容易也更快捷注意：根据静态内容，我认为内容在用户与应用程序交互的所有时间都不会以任何方式更改。
如此小的不可变数据集对性能的影响微不足道。在我看来，使用 ngFor 更好的可读性和可维护性更为重要。
ngFor 的替代方法是 NgTemplateOutlets，同时保持相同的好处。您可以在此处阅读更多相关信息：https://angular.io/api/common/NgTemplateOutlet