是否可以更改内置Angular2组件中的颜色,例如<material-progress>?

时间:2017-03-11 15:36:57

标签: angular angular-dart

......如果是的话,我该怎么做?我正在使用AngularDart。我想更改主要和次要进度条的颜色。

由于

史蒂夫

1 个答案:

答案 0 :(得分:3)

在目前发布的版本中,它并不完美。您可以使用以下内容覆盖组件中的样式:

.my-progress-bar /deep/ {
  .progress-container.indeterminate {
    background-color: $indeterminate-color;
  }
  .progress-container.indeterminate > .secondary-progress {
    background-color: $active-color;
  }
  .active-progress {
    background-color: $active-color;
  }
  .secondary-progress {
    background-color: $secondary-color;
  }
}

$foo-colors替换为您想要的值。在将来的更新中,我们将提供一个mixin,它允许您传递颜色。