Question

我已经定义了一个Sass mixin并在类样式中使用它。我在模板中使用该类。我需要在运行时决定颜色。所以我试图覆盖mixin。但它以#ff0000显示我最初在mixin中定义的颜色。

出于某种原因，我can't use an extra class，在这个场景中可能是最好的解决方案。

我的样式表app.scss

@mixin mx-color {
  color: #ff0000;
}
.my-color {
@include mx-color;
}

角度模板视图app.html.haml

:css
  @mixin mx-color {
  color: {{custom_color}}; // custom_color contains hex-color to replace
 }
%body
  %p.my-color
    This text must show-up in custom color but its showing the default color.

Answer 1

请检查已编译的HTML / CSS输出。我不认为可以覆盖mixin并期望使用mixin自动更新的SASS块。

动态地覆盖视图模板中的Sass mixin

1 个答案: