javascript - 为 Angular 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/