angularjs下重复点击元素改变样式的实现方法

1.学习angularjs，了解ng类的使用技巧；

2.代码：

html:

div ng-repeat=' myimg in myimg ' img ng-src=' http : { { myimg } } ' ng-click=' fabric choose($ index)' ng-class=' { fabric img 1: $ index==fabric issued } '/div CSS:

. fabricImg1{border:2px纯蓝；}js:

$ scope . fabrics choose=function(I){ $ scope . fabrics selected=I；}效果是当您单击所选图片时，会出现蓝色边框。

3.分析

ng-class的使用技巧是ng-class=' { name : is tree } '，书写风格为。css中的名称。当is true的布尔值为真时，的样式。名称将添加到此元素中，如果为false，则不会添加此样式。

以上angularjs下改变ng-repeat click元素样式的实现方法都是边肖分享的内容。希望能给大家一个参考，支持我们。