Angular-TS设计模型类

Question

我有一个带有下拉框和两个输入框元素的页面。此下拉列表有 8 个值 select。这两个输入与每个下拉值相关联，除了其中一个下拉值显示一个弹出窗口 window，它有一个 table 10 行和 4 列（固定），每行有一个复选框和3个输入框（其中2个与父页面相同，外加1个）。

用户应该能够select一个或多个复选框和填写输入框。如果用户 selected 4 个复选框，我应该在保存时在父页面中显示 table。

我有一个下拉框值（id 和字符串）的模型 class。我有一个模型 class 用于 10 个复选框（id 和字符串）。我应该如何设计主模型 class 因为其中一个值具有 1:M 关系？我应该保留一个单独的对象数组吗？在那种情况下，如何将它与主模型 class 关联起来？谢谢

Model1 - 用于下拉 身份证号 文本：字符串

Model2 - 用于复选框 身份证号 文本：字符串

Model3 - 对于弹出 window 身份证号 文本：字符串（复选框） 文本 1：字符串 文本 2：字符串 text3: 字符串

主模型 身份证号 m1Id：编号 m2Id：编号 文本 1：字符串 文本 2：字符串 arrayObj: Model3??

enter image description here

Answer 1

好的，我想我明白了。

Angular的奇迹；您无需将自己简化为此类基本模型。您可以拥有一个单一的、丰富的模型并选择相关字段来填充相关组件（即 id/string 用于下拉选项）。

看起来，除了文本条目的数量（2 或 3）和复选框的额外应用之外，每个下拉选项基本相同。

编辑：

删除了 allllllll 那个有无数错误的代码，因为我经常改变主意以支持 StackBlitz 示例。

如果编译器对你大喊大叫，你就不能犯愚蠢的错误。