在.html文件中而不是在Angular 4中的.ts文件中编写最大代码更好



我的代码中有四个标志,我在单击时正在更改状态。例如,有四个按钮B1,B2,B3,B4和四个标志F1,F2,F3,F4。单击B1,f1=true和REST其他是错误的,类似于其他按钮。

我正在单击事件本身将此标志设置为(click)="f1=true;f2=false;f3=false;f4=false;"。我应该将单独的方法编写为 (click) = "changeFlag();",在.ts上我应该更改标志?

您应该在ts文件中编写方法,该文件更可测试和可管理的代码。如果将TS文件中的代码与HTML分开,那很好。这也更可维护和可读。

另一个问题是测试用HTML编写的代码,如果您在HTML中有代码并且做错了,那么它很难弄清楚,为什么它应该在TS文件中进行,因此它可以维护。

遵循以下原则总是很好的:关注问题的分离 - 是将计算机程序分隔为不同部分的设计原理,因此每个部分都解决了一个单独的关注点。

是的,您绝对应该在.ts class中编写一种方法。

您可以将数字传递给您的功能,然后在功能内部进行切换以将更改应用于标志。

相关内容

最新更新