Angular 使用材质主题颜色设置动画

我有两个主题与角度材料（光明和黑暗），并希望利用我的组件角度动画。我想知道是否有办法在动画中加入“重音”和“主色调”等颜色

下面是一些代码：

animations: [
        trigger('ClickLike', [
            state('idle', style({
                opacity: 1,
                color: 'primary'
            })),
            state('clicking', style({
                opacity: 0.2,
                color: 'accent'
            })),
            transition('idle => clicking', [
                animate('200ms')
            ]),
            transition('clicking => idle', [
                animate('150ms')
            ])
        ])
    ]

显然，这不起作用，因为没有“重音”或“主”。我知道我可以将css类与[ngClass]结合使用来获得相同的动画，但正如我所说的，我想在angular中实现它。

很棘手，但你可以

首先，你必须获得主题的材质颜色

创建一个简单的组件并设置其颜色

<button #matColorRefBtn color="primary" mat-raised-button [style.display]="'none'"></button>

很棘手，但你可以

首先，你必须获得主题的材质颜色

创建一个简单的组件并设置其颜色

<button #matColorRefBtn color="primary" mat-raised-button [style.display]="'none'"></button>

---

我同意。。。他们也不打算为材料实现TS变量。那就乖乖点！我同意。。。他们也不打算为材料实现TS变量。那就乖乖点！

animations: [
        trigger('ClickLike', [
            state('idle', style({
                opacity: 1,
                color: '{{ primaryColor }}'
            })),
            ...
        ])
    ]