angular 5调用绑定类的函数将导致该函数被无限次调用

Angular 5是一种流行的前端开发框架，它提供了丰富的功能和工具来构建现代化的Web应用程序。在Angular 5中，调用绑定类的函数可能会导致该函数被无限次调用的问题，这是由于Angular的变更检测机制引起的。

在Angular中，当组件的属性发生变化时，Angular会自动检测并更新相关的视图。为了实现这一机制，Angular会在每次变更检测周期中比较组件的属性值，如果发现有变化，则会触发相应的更新操作。

当调用绑定类的函数时，如果该函数内部修改了组件的属性值，那么Angular会认为组件的属性发生了变化，从而触发变更检测。而在变更检测过程中，又会再次调用绑定类的函数，形成了无限循环调用的情况。

为了解决这个问题，可以采取以下几种方法：

1. 使用Angular的ChangeDetectionStrategy策略：可以通过在组件中设置ChangeDetectionStrategy为OnPush来改变变更检测的策略。这样做会使得变更检测仅在组件的输入属性发生变化时才触发，而不会在调用绑定类的函数时触发。
2. 使用ngDoCheck生命周期钩子：ngDoCheck是Angular提供的一个生命周期钩子，可以在组件的变更检测周期中执行自定义的逻辑。通过在ngDoCheck中手动检测属性的变化，并避免无限循环调用，可以解决该问题。
3. 优化函数的逻辑：检查绑定类的函数是否真正需要在每次变更检测时都被调用。如果不需要，可以考虑将函数的逻辑进行优化，避免不必要的调用。