Javascript 如何将z索引添加到angular2中的下一个div？

我有3个像下面这样的div。如果我单击幻灯片分区内的按钮，它应该将z索引添加到下一个分区，并从当前分区中删除z索引。上一个按钮也应该有相同的行为。它应该将z索引从当前表中删除，并添加到下一个同级表中

      <div class="slide" ><prev></prev><next (click)="showNextSlide($event)" ></next></div>
      <div class="slide" ><prev></prev><next (click)="showNextSlide($event)" ></next></div>
      <div class="slide" ><prev></prev><next (click)="showNextSlide($event)"></next></div>

我得到了以下例外

EXCEPTION: Cannot set property 'zIndex' of undefined

这是我在单击“下一步”按钮时调用的函数

  showNextSlide(event){
    event.target.parentNode.nextSibling.style.zIndex="1000"
  }

---

通过单击，尝试传递

$index

，并将其用于特定的目标。您能否向我们展示您在angular for binding click中使用的代码。发生这种情况是因为您的上一个div返回了

null

for

style

。在为其设置zIndex之前，请使用

if（event.target.parentNode.nextSibling.style）

检查它。当我打印“event.target.parentNode.nextSibling”时，有一个div，我在那里看不到样式属性。单击“尝试传递

$index

并使用它来针对该特定对象”。您能否向我们展示您在angular for binding click中使用的代码。发生这种情况是因为您的上一个div返回了

null

for

style

。在为其设置zIndex之前，请使用

if（event.target.parentNode.nextSibling.style）

检查它。当我打印“event.target.parentNode.nextSibling”时，我没有看到样式属性。

  showNextSlide(event){
    event.target.parentNode.nextSibling.style.zIndex="1000"
  }