为角度div添加样式

Question

我还没有使用Angular 2，但是我知道css和jquery。

我无法理解组件内部的这种语法

@Component({
    selector: 'sites-stats',
    styleUrls: ['./sites.stats.navbar.component.scss'],
    template: `
<div [sticky]="{'zIndex': 99}">

</div>
`
})

我的意思是<div [sticky]="{'zIndex': 99}">这样，我的div就拥有position: fixed;z-index:99

我应该怎么做才能理解组件内部的这种样式语法？

顺便说一句，我需要在此div上添加顶部，我尝试了<div [sticky]="{'zIndex': 99,'top':'2rem'}">，但没有成功

Answer 1

您必须执行以下操作：

[style]="{'z-index': '99','top':'2rem'}"

此呼叫style-binding。

在这里学习：https://coursetro.com/posts/code/24/Angular-2-Class-&-Style-Binding-Tutorial

在这里：https://alligator.io/angular/style-binding-ngstyle-angular/