javascript - 按 id 改变 Angular 等级

Question

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

$scope.collection = [{id:'a1', title:'title 1'}, {id:'a2', title:'title 2'}];
<span ng-repeat="c in collection" id="{{c.id}}">{{c.title}}</span>

然后在 span 标记中使用 ngRepeat 进行迭代。在另一行中，我有具有自定义属性的按钮，例如 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');

如何以 Angular 表达？ PS:跨度和按钮是可缩放的。

Answer 1

如果没有看到更多代码，就很难回答，但我会这样做......

<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，然后您的跨度检查该变量以设置类。