Angularjs 选择<;a>;在嵌套ng重复中单击时以粗体显示

Angularjs 选择<;a>;在嵌套ng重复中单击时以粗体显示,angularjs,angular-directive,ng-class,Angularjs,Angular Directive,Ng Class,我想选择粗体。这是我创建的。我想把ng class='className'放进去,然后设置 $scope.className=selection 在指令控制器内部,但它已应用于所有元素。如何使单击的选项变为粗体,然后当选择其他选项时,我希望以前选择的选项删除该类,并将新选择的选项变为粗体 .selection{ font-weight: bold; } 我发现,要不是这样,我必须创建另一个指令,还必须处理prev元素删除类并使新选择的元素加粗的场景。您可以使用ng class,如: &l

我想选择粗体。这是我创建的。我想把
ng class='className'
放进去,然后设置

$scope.className=selection

在指令控制器内部,但它已应用于所有元素。如何使单击的选项变为粗体,然后当选择其他选项时,我希望以前选择的选项删除该类,并将新选择的选项变为粗体

.selection{
  font-weight: bold;
 }

我发现,要不是这样,我必须创建另一个指令,还必须处理prev元素删除类并使新选择的元素加粗的场景。您可以使用
ng class
,如:

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

。请注意,它仅适用于顶级元素。

您可以使用
ng类
如:

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

。请注意,它仅适用于顶级元素。

通常您会有两个单独的指令,一个用于管理列表,另一个用于管理列表元素。元素指令然后可以要求list指令,并在单击它时通知它。然后由列表控制器通知当前选定的元素它不再被选中,从而保持元素之间的任何其他一致性。不幸的是,把它放在一个答案中是很困难的,因为你的angular指令结构目前似乎很遥远。通常你会有两个独立的指令,一个用于管理列表,另一个用于管理列表元素。元素指令然后可以要求list指令,并在单击它时通知它。然后由列表控制器通知当前选定的元素它不再被选中,从而保持元素之间的任何其他一致性。不幸的是,这将是一个棘手的问题,把它放在一个答案,因为你的角度指示结构似乎是遥远的时刻。但什么是其他级别(你现在有了一个起点,你必须自己去弄清楚。谢谢你的提示,朋友!。当我移动
$scope时,我不必进入
$parent
。选择了val
mainCtrl
controller。但是其他级别呢?:(你必须自己解决,因为你现在有了一个起点。谢谢你的提示,朋友!。当我移动
$scope时,我不必进入
$parent
。选择了val
mainCtrl
控制器。