如何在angular 2的@Component中使用样式中的变量？如何在样式中使用名为leftposition的变量？

在Angular 2的@Component中使用样式中的变量，可以通过使用CSS的自定义属性（Custom Properties）来实现。首先，在组件的样式文件中定义一个自定义属性，例如：

:host {
  --leftposition: 10px;
}

然后，在组件的模板文件中，可以使用该自定义属性来设置样式，例如：

<div [style.left.px]="getLeftPosition()"></div>

在上述代码中，getLeftPosition() 是一个组件中的方法，用于获取左侧位置的值。通过使用[style.left.px] 绑定语法，将自定义属性的值动态地应用到样式中。

如果要在样式中使用名为leftposition的变量，可以使用CSS的变量（Variables）来实现。首先，在组件的样式文件中定义一个变量，例如：

:host {
  --leftposition: 10px;
}

然后，在样式中使用该变量，例如：

.element {
  left: var(--leftposition);
}

在上述代码中，var(--leftposition) 表示使用定义的变量--leftposition 的值作为left 属性的值。

需要注意的是，以上方法是在Angular 2中使用样式中的变量的一种常见方式，但并不是唯一的方式。在实际开发中，还可以根据具体需求选择其他适合的方法来实现。