圈复杂度超过了定义的限制成本“30”你的模板应该重构

问题描述

在我的 Angular 应用程序中运行“ts lint”注释时出现以下错误

圈复杂度超过了定义的限制(成本“30”)。您的模板应该重构。

显示了我在应用程序中使用 *ngIf 的所有地方。

解决方法

圈复杂度是一个代码度量,它表示 函数的复杂度。高圈复杂度表明 容易出错或难以修改的混乱代码。

最好有更小的、单一用途的函数 自我记录的名字。

以下语句和表达式有助于圈复杂度:

* catch
* if and ? :
* || and && due to short-circuit evaluation
* for,for in and for of loops
* while and do while loops
* case clauses that contain statements

源代码:cyclomatic-complexity


因此,您应该重构代码并将发生这些错误的函数(或在您的案例中的模板)拆分为更小的块(在您的案例中为 ~components)。


仅供参考:自 2019 年起,TSLint 已被弃用,请查看他们的 site 了解更多详情。