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

标签 javascript jquery html css angularjs

我在 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 的样式标签。

提前谢谢你,丹尼尔!

最佳答案

基于你的 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/

关于javascript - angular ng-repeat 根据条件添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18550822/

相关文章:

Javascript正则表达式限制用户在文本字段中输入相同的连续数字

jquery - 如何在标题中获取仅图标的控制组?

php - jquery 返回 false 后表单不再提交

html - 如何在 HTML 中显示特定的快捷键?

javascript - 正则表达式捕获 3 个字符串在引号中以空格分隔

javascript - 重新定位并向上显示实时结果

javascript - Flask ajax 请求后不要重新加载网页

javascript - JQuery 相当于 scriptaculous/prototype 的自动完成功能是什么?

html - 固定侧边栏,它下面的内容,如何修复?

javascript - 事件处理程序优先级并在某些情况下忽略其他处理程序