即使绕过Angular中的清理，style属性也无法与HSL一起使用

Question

我具有确定background-image是linear-geadient的功能。

<div class="test-diff" [style.backgroundImage]="getBGcolor(diff)" >

此getBGcolor函数根据传递的整数确定值。我使用dom消毒剂绕过安全性。

  getBGcolor(diff){
    let style =  `linear-gradient(45deg, #fff 0%, #fff 50%, hsl(${125-25 *diff}%, 99%, 46%) 50%, hsl(${125-25 *diff}%, 100%, 50%) 100%)`;
    return this.dom.bypassSecurityTrustStyle(style);
  }

但是没有应用样式。即使我提供静态HSL值，也不会应用它。我在做什么错了？