Angular实战：动态生成乘法表

在学习Angular框架的过程中，如何动态生成内容并展示在页面上是一个常见且基础的需求。本文将通过一个简单的乘法表生成器案例，详细讲解如何在Angular中实现这个功能。

问题背景

假设我们需要一个输入框，用户可以输入一个数字，然后点击一个按钮来生成从1到12的这个数字的乘法表。初学者在实现这个功能时，可能会遇到如下问题：

1. 数据更新问题：每次循环更新数据时，只显示最后一个计算结果而不是所有结果。
2. 性能优化：如何避免不必要的重新渲染。

原始代码的问题

以下是原始的multiplytable.component.ts代码：

export class multiplytableComponent implements OnInit{