我收藏角度。该集合看起来像:
$scope.collection = [{id:'a1', title:'title 1'}, {id:'a2', title:'title 2'}];
<span ng-repeat="c in collection" id="{{c.id}}">{{c.title}}</span>
然后使用ngRepeat
标记中的span
进行itterate。在其他行我有自定义属性的按钮,让我们说data-span-id
,如下所示:
<button type="button" data-span-id="a1">
<button type="button" data-span-id="a2">
单击该按钮时,我想更改span
等于id
属性的data-span-id
的类。在jQuery中
$('#'+$(this).data('span-id')).addClass('someclass');
角度怎么样? PS:跨度和按钮是可伸缩的。
答案 0 :(得分:3)
如果没有看到更多的代码,很难回答,但这些方面的内容就是我如何做的....
<button ng-repeat="item in collection" ng-click="selected = item.id">{{ item.title }}</button>
<span ng-repeat="item in collection" ng-class="{ 'someClass': selected == item.id }">{{ item.title }}</span>
因此,单击按钮会将范围中的变量设置为您想要的ID,然后您的span将检查该变量以设置类。