javascript - angular ng-repeat 根据条件添加样式

Question

我在 div 列表上使用 ng-repeat，我在 json 中手动添加元素以呈现此 div。我需要定位我在 json 中添加的最后一个 div，它会自动重新显示在屏幕上，即 couse 光标所在的位置，其余部分保持在相同位置，但没有给出呈现它的 json 中的位置。

我的做法是这样的

<div ng-repeat="contact in jsonContacts" style="left: {{lastX}}px; top: {{lastY}}px;"></div>

但是当我这样做时，所有的 div 都得到这个位置，所以我需要使用 $last 变量来添加或删除带有左侧和顶部 css 的样式标签。

提前谢谢你，丹尼尔!

Answer 1

基于你的 html，你应该试试这个

<div ng-repeat='contact in jsonContacts' ng-style='{"left":($last?lastX:null)+"px","top":($last?lastY:null)+"px"}'>{{item}}</div>

这是确认的 fiddle http://jsfiddle.net/cmyworld/yFc6J/1/