基本上，我想做的是创建一个网站，帮助人们建立他们的个人电脑。我有4个不同的选择，选择特定的游戏和所需的帧率，分辨率和图形设置。
Settings
我想根据用户选择的设置，使用相关的PC组件填充下面的字段。
Setting with components
你会怎么做让它变得更容易一点？
抱歉，如果问题太模糊或我只是问了很多，但我卡住了，步开发人员。
我用的是14度角。
我很难理解如何与设置建立联系，我试着只使用了很多if和else，但是逻辑变得太复杂了，应用设置的功能变得非常非常长。
基本上，我想做的是创建一个网站，帮助人们建立他们的个人电脑。我有4个不同的选择，选择特定的游戏和所需的帧率，分辨率和图形设置。
Settings
我想根据用户选择的设置，使用相关的PC组件填充下面的字段。
Setting with components
你会怎么做让它变得更容易一点？
抱歉，如果问题太模糊或我只是问了很多，但我卡住了，步开发人员。
我用的是14度角。
我很难理解如何与设置建立联系，我试着只使用了很多if和else，但是逻辑变得太复杂了，应用设置的功能变得非常非常长。
1条答案
按热度按时间2izufjch1#
好主意!
我不知道您是如何处理逻辑，以推荐不同的
Setting with components，基于用户输入的Settings，以及如何微妙的逻辑将是。与逻辑无关，我将提出一种处理数据填充的方法，假设用户单击"Apply"按钮时您已经准备好了所有推荐，我还建议您在构造函数中示例化一个推荐表单Group，而不进行任何初始化。
即
recommendationForm: FormGroup;假设您将建议存储在以下变量中：
this.motherboard、this.cpu、this.cpuCooler、this.GPU、this.memory。用户单击Apply按钮后，您可以执行以下操作：1.将FormBuilder导入. ts组件。
import {FormBuilder, FormControl, FormGroup, Validators} from '@angular/forms';1.点击"应用"按钮，初始化建议表组，每个建议字段作为单独的控件，并设置控件值，以根据我假设的假设逻辑设置的组件变量进行初始化：
x1米10英寸1x
您可以使用单独的原子函数来处理正在更新的每个设置，并将更新后的值反映到相应的FormControl中。
为了可伸缩性（并避免讨厌的"内容在检查后更改"错误），我建议将表单组集中在表单服务中，但请尝试一下，做最适合您的工作!
我希望这对你有帮助。如果你有什么问题，请告诉我!
一切顺利。
编辑：对于逻辑本身，也许你也可以尝试case-switch语句，它仍然是很长的逻辑，但至少会使代码更具可读性（比一碗嵌套的IF意大利面）。