在嵌套的 ng-repeat 中单击时，使选定的 <a> 变为粗体

Question

我想选择粗体。这是我创建的 Plunker。我想把 ng-class='className' 然后设置

$scope.className=selection

内部指令控制器，但它已应用于所有元素。 How to make clicked as bold and then when other option is selected, I want that previous selected to choice to drop that class and newly make newly selected option as bold.

.selection{
  font-weight: bold;
 }

我找到了 SO link 但为此我必须创建另一个指令，而且我还必须处理 prev 元素删除 class 并创建新选择的元素加粗

Answer 1

你可以使用 ng-class 卢克:

<a ng-class="{'selection': $parent.val == group.name}" ng-click="selectedVal(group.name)">{{group.name}} ({{group.count}})</a>

已更新 Plunker：http://plnkr.co/edit/gyEAGo6Mb77DK7yFo8td?p=preview。请注意，它仅适用于顶级元素。

在嵌套的 ng-repeat 中单击时，使选定的 <a> 变为粗体

Make selected <a> bold when clicked inside nested ng-repeat

angularjs

angular-directive

ng-class