角度变化等级由id

时间:2015-03-10 13:52:28

标签: javascript html angularjs

我收藏角度。该集合看起来像:

$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:跨度和按钮是可伸缩的。

1 个答案:

答案 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将检查该变量以设置类。