如果某些数据为null或未定义，则使用ngClass更改组件的CSS类

Question

在我的应用程序中，我有多个组件，例如按钮，带有一些文本的框等。其中一些组件需要获取其他CSS类，并且仅当某些数据为null或未定义时才被禁用。我试图使其如下所示，但是没有用。有没有更好的方法来解决这个问题？

[ngClass]="{data.result.policyData === null ? '-disabled' : ''}"

或

[ngClass]="setDisabledClass()"

setDisabledClass() {
  let cssClass;
  this.checkResults.subscribe(data => {
    if (data.result.policyData === null) {
      cssClass = {
        '-disabled': true
      };
    } else {
      cssClass = {
        '-disabled': false
      };
    }
    return cssClass;
  });
}

Answer 1

[class.-disabled]="data.result.policyData === null"