Html 使用TypeScript和Angular更改CSS属性

当

打开时，我想从

更改

z-index

CSS属性，但我不知道如何在TypeScript（10）上执行此操作。页脚已经有

z-index:9998但我想将其设置为
0。原因是当“我的选择”打开时，选项位于页脚下，用户无法真正选择


$（'.test'）。在（'click'，（）=>{
$（'footer'）.css（'z-index'，'0'）；
})

1.
2.
3.
4.
好了，只要单击“选择”按钮，它就可以正常工作。页脚z索引设置为0。
确保在代码中导入jquery


$（'.test'）。在（'click'，（）=>{
$（'footer'）.css（'z-index'，'0'）；
})
页脚{
z指数：9998；
}

1.
2.
3.
4.
页脚
请不要使用其他答案。他用jQuery回答。在使用Angular时，不应直接操作DOM

无法直接对其打开和关闭作出反应。这是因为它可以通过点击以外的方式打开。例如，如果聚焦了
元素，然后用户点击enter，下拉菜单将打开，但不会触发
单击事件

然而，您所要求的可以通过在线找到的自定义组件来实现。我个人会推荐这一款：
添加一些代码，让我们看看你做了什么？嘿！我不能使用实际的代码，因为公司的东西，我们使用一个私人设计系统，但它基本上是我现在添加的代码。试图通过JQuery进行更改，但没有成功。这看起来更像是css问题。为css中的选择框指定更高的z索引。说z指数：9999；我试过了，但也没用。我们有一个调用selectOpen的HTML
属性，当select打开时，它需要一个带有事件的方法，但我不知道如何使用该方法。感谢您的输入@michael Zilluck。然而，我只是建立在他发布的代码之上。这样，答案将最接近他想要的。我们都同意，这不是最佳做法。答案只是为了激励他找到更好的解决方案。谢谢，伙计！我删除了“on click”属性，创建了一个只包含
$（footer.css（'z-index'，'0'）的函数。我不能使用自定义组件，因为它是一个公司应用程序，但我们使用的组件具有selectOpen属性，当selectOpen打开时，我们可以让它做一些事情。我不知道这是否行得通，我希望有一个打字解决方案。但谢谢，我会等着看它是否会起作用。谢谢，我会尝试类似的解决方案，但我得等着看它是否会起作用！：）