将SortDirection转换为字符串错误TS2322

Question

StrictTemplate抱怨SortDirection不是字符串。但是，枚举就是字符串，不是吗？

类型'string‘不能分配给键入'SortDirection’。

<mat-table matSort matSortDirection="{{ this.sort.direction }}" ...

SortDirection的定义是：

出口申报类型为SortDirection = 'asc‘\\ 'desc’\‘\’；

有办法把它转换成字符串吗？

我试过matSortDirection="{{(string)this.sort.direction}}"和matSortDirection="{{this.sort.direction.toString()}}"，但是失败了。

转换它的最好方法是什么？

Answer 1

我想，并得出结论，问题是，当我使用插值时，我正在转换为字符串。使用绑定是正确的。

[matSortDirection]="sort.direction"

Answer 2

您可以尝试添加帮助器$any来告诉编译器，这里没有什么问题，一切都是正确的。

<mat-table matSort matSortDirection="{{ $any(this.sort.direction) }}" ...

或

export class Component {

  get direction(): SortDirection {
    return this.sort.direction as SortDirection;
  }
}

<mat-table matSort matSortDirection="{{ direction }}" ...