访问SCSS文件2内的组件变量

是否可以访问为该组件定义的

.scss

文件中的组件变量？
例：

example.component.ts

@Component({
  selector: 'example-selector',
  templateUrl: 'example.component.html',
  styleUrls: ['example.component.css']
})
export class ExampleComponent {
  @Input() size: number;
}

@Component({
  selector: 'example-selector',
  templateUrl: 'example.component.html',
  styleUrls: ['example.component.css']
})
export class ExampleComponent {
  @Input() size: number;
}

example.component.scss

.some-class {
  width: calc(100% - {{ size }};
}

如果不是的话，怎样才能成为一个好的工作环境

---

谢谢。

Oukei，我发现解决这个问题的方法其实很简单，它允许您在样式中使用组件变量。
基本上可以使用

[ngStyle]

指令来更改元素的属性。

example.component.ts

@Component({
  selector: 'example-selector',
  templateUrl: 'example.component.html',
  styleUrls: ['example.component.css']
})
export class ExampleComponent {
  @Input() size: number;
}

@Component({
  selector: 'example-selector',
  templateUrl: 'example.component.html',
  styleUrls: ['example.component.css']
})
export class ExampleComponent {
  @Input() size: number;
}

example.component.html

<div [ngStyle]="{ 'width': 'calc(100% - ' + size + 'px)' }"></div>

或者您可以使用calc进行除法

<div [ngStyle]="{ 'width': 'calc(100% / ' + size + ')' }"></div>

或者使用任何其他类似的给定属性。
您还可以为该元素定义类，并使用

ngStyle

定义特定（或多个）属性

---

谢谢。

不，这是不可能的。我会在@Jota.Toledo的评论中补充说，SCS编译为纯CSS，是静态的，没有变量。现在这个问题有更新吗？