AngularJS -需要在不同的页面中突出显示和取消突出显示选中的选项

AngularJS - need to highlight and unhighlight the selected choice in different pages

本文关键字：显示 选项 取消 AngularJS      更新时间：2023-09-26
<li class="cursorPointer" ng-repeat="inner in outer.inners | orderBy: 'id' " ng-class="{selected: inner.id === idSelectedinner }">
<img src="{{inner.icon}}" alt="{{inner.description}}" title="   {{inner.description}}"  ng-dblclick="saveData($parent.outer,inner,$parent.$index)"/>

 $scope.idSelectedinner = null;
 $scope.idSelectedinner = inner.id;

我有一个多个外部问题和显示内部问题每页和选择单一的答案，我突出显示所选的答案。问题是如果选择第二个问题的答案，我的第一个问题选择的答案也被取消选择。请让我知道如何在整个页面中保留选定的答案。

如果我猜对了，outer是一个问题，inner是答案，你有多个问题。您应该将selected属性添加到outer，并通过单击question进行设置。如果有疑问，你可以加上:

ng-class="selected: $index == outer.selected"

这是一个活塞:https://plnkr.co/edit/NtEOkm35dYLuJR6jSWpp?p=preview

我已经更新了柱塞。现在使用分页

分页无关紧要，如果您将选择的值存储在model.

相关文章：