如果绑定函数，ngStyle将进入无限循环

Question

在Angular中，当我将函数绑定到[ngStyle]指令时，它将进入无限循环。我将调试器放入其中以进行检测。我认为，这会影响应用程序的性能。为什么会发生这种情况，我可以避免吗？

// html 
 <div [ngStyle]="getStyles()"></div>

// js
getStyles() {
    debugger;
    return {background: 'red'};
  }

Answer 1

尝试

<div [ngClass]="{'changeColor' : flag}" (click)="ok()"></div>

在您的.ts文件中

flag : any = false;

ok(){
   flag : true;
}

在您的CSS

::ng-deep .changeColor{
    background: 'red'
}