Javascript 如何基于变量动态更新ng样式？

我想通过更新变量transformX，transformY将x，y的值从数组item.x，item.y传递到父元素的ng样式。更新是通过ng click指令实现的

-html-

<section ng-style="{'transform' : translate(transformX,transformY)}">
  <figure ng-repeat="item in items" 
          style="left: {{item.x}}px; top: {{item.y}}px;"
          ng-click="$parent.transformX = item.x * -1; 
                    $parent.transformY = item.y * -1;">
    {{item.title}}
  </figure>
</section>

这是我无法实现的-我希望父元素的“截面样式”属性随着单击figure子元素而更新，以便单击的项居中，因此为item.y*-1。变量不更新，样式不更新

---

有没有办法让ng style指令中的TransformX和transformY变量实际工作并动态更新？此ng样式={'transform'：translatetransformX，transformY}不起作用。

按照您的方式，它只会以最后一个item.x和item.y变量结束。所以如果这是你的目标，你可以这么做

    transformX = items[items.length - 1].x 

及

---

这是因为html中只有一个section元素。如果您希望变换变量具有每个x和y变量，则需要将ng repeat放在section标记中的一个级别。

尚未完全理解您要实现的目标。。。这样更好吗@OmriAharon我已经更新了这个问题，所以我希望它更容易理解。

    transformX = items[items.length - 1].x 

    transformY = items[items.length - 1].y