使用 NgStyle 动态设置 MatHeaderCell 的样式？

Question

我正在尝试为 MatHeaderCell 实例提供动态样式，如下所示：

[ngStyle]="styleHeaderCell(c)"

我可以看到：

styleHeaderCell(c)

接收列和 returns 和对象，但未应用样式，因此列的最小宽度仍为 12rem，我希望它为 4rem。想法？

Answer 1

这似乎是您的 styles 辅助函数中的语法问题。

试试这个。

public styles: any = {
    ID: {
      'min-width': '4rem',
      'background-color': 'red'
    }
  };

STACKBLITZ

Styling a MatHeaderCell dynamically with NgStyle?