javascript - 在 ng-click 上更改 div 的背景颜色

标签 javascript angularjs angularjs-ng-repeat

<分区>

我想改变一个 div 的背景颜色,它已经有一个背景颜色,奇数元素为白色,偶数元素为灰色。 不知道为什么它在 Jsfiddle 中不起作用。 div 也有一个 ng-click,我没有在 JSfiddle 示例中使用过。 我想将单击的 div 的颜色更改为黄色。 这是 JsFiddle 链接.... LINK

基本代码-

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

最佳答案

使用ngClassOddngClassEven : ng-class-odd="'odd'"ng-class-even="'even'"

并将“odd”和“even”类添加到您的 css 文件中,它应该可以工作。

检查这个更新版本:http://jsfiddle.net/HB7LU/17468/

编辑:我添加了对黄色背景的更改

关于javascript - 在 ng-click 上更改 div 的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32522270/

相关文章:

javascript - 如果在 angularjs ng-repeat 中单击其中任何一个单选按钮,则禁用所有单选按钮

angularjs - Angular ng重复过滤器,空值时忽略

javascript - 在 json 中使用 id 查找对象索引

javascript - 如何计算 Facebook graph api cover offset_y to pixel?

javascript - JQuery - IE6 - 如何同时淡出和淡入?

javascript - 删除 ng-grid 中最后一行的删除功能?

javascript - _ (lodash) 声明为 peerDependency 时的引用错误

javascript - 如何解决 Angular 应用程序中的 "disappearing"jQuery 验证问题?

javascript - 为什么在触发非相关函数时调用 ng-repeat?

javascript - 发送前检查axios请求url