我如何在打字稿中為角度5設置zindex

Question

我正在嘗試使用打字稿為類設置zindex 。 但這是行不通的。 如果您有任何想法，請與我分享。

 ngOnInit() { (<HTMLElement>document.querySelector('.pagemode')).style.z-index = 1;}

Answer 1

您可能會使用內聯樣式綁定而不是使用querySelector視情況而定

<p [style.z-index]="1">
  Some text
</p>

Answer 2

您可以使用NgStyle指令設置zindex

[ngStyle]="{'z-index':condition ? 9 : 0 }"

Answer 3

您可以使用NgClass指令，而不要操作DOM 。

在您的Css / Scss文件中：

.class1 {
  z-index: -1;
}

.class2 {
   z-index: 1;
}

在您的TS文件中：

YourBooleanVariableNameHere : boolean;
ngOnInit() {
    this.YourBooleanVariableNameHere = true;
}

在您的HTML文件中：

如果滿足您的條件：

<some-element [ngClass]="{'class1 class2' : YourBooleanVariableNameHere }">...</some-element>

如果您的條件不滿足：請注意! 帶變量的符號

<some-element [ngClass]="{'class1' : !YourBooleanVariableNameHere }">...</some-element>

閱讀使用說明以獲取更多示例。 有關更多方法，請參考此處。

或者，您也可以嘗試相同的方法 ， 不建議這樣做！

更新：

ngOnInit() {
    document.getElementsByClassName("pagemode")[0].style.zIndex = 1;
}