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
控制器。