angular - 用于构建模板的 Angular 7+ 组件

很抱歉，如果标题措辞有点偏离，请随时更正（我不是以英语为母语的人）。

互联网搜索给了我完全不相关的结果——可能是因为我不知道如何表达这个问题，但我会在这里尽力而为。

我想在 Angular 7+ 中有一个组件，它可以显示某种 HTML 表格（它会非常简单，就像 Excel 电子表格一样） - 带有行和列。会有一个包含 10-15 个变量的列表（假设这些变量是“A”、“B”、“C”等字符）。我希望用户能够选择每个字符应该在表中结束的位置。

类似的东西：

空 HTML 视图：

然后会有字符供用户选择和添加（或拖放）：A、B、C、D 等。

这就是我希望最终视图的样子：

然后表格将被保存，下次打开时，字符应该在同一个位置。然后将该表用作模板，并将文本插入到具有某些字符的适当“单元格”中。

有人可以给我任何关于如何实施这一点的最佳实践的线索吗？对不起，如果这可能太广泛了。

标签： angularhtml-table