使用打字稿更改 scss 元素的属性答案

【问题标题】：change scss element's attribute using typescript使用打字稿更改 scss 元素的属性
【发布时间】：2020-07-25 14:04:51
【问题描述】：

在SCSS中，如何改变元素的属性，例如：

a1{
   a2{
      img{
          top: 0;
}}}

如果 .scss 文件与 .ts 文件位于同一文件夹中，我如何使用 typescript 将值更改为 0 到 10。

【问题讨论】：

在运行期间，无法更改文件内容（事实上，在您的应用程序编译后，您不再拥有该原始文件）。您能做的最好的事情就是为元素设置属性。是 Angular、React 还是纯 JavaScript？
@julianobrasil 这对我来说是有角度的

标签： typescript cordova ionic-framework sass

【解决方案1】：

作为建议，假设您有类似 HTML 波纹管的内容，您可以更改内联样式：

<img [ngStyle]="_style" ...>

get _style(): {[key: string]: string} {
  // you can define any logic to calculate the top property:

  if(condition_1) {
    return {top: 0};
  } else {
    return {top: 10};
  }
}

您可以通过angular docs获取更多信息。

【讨论】：