Question

<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;

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

Answer 1

如果我说得对，outer是一个问题，inner就是答案，你有多个问题。您应该将selected属性添加到outer并通过单击问题进行设置。问题是你可以添加如下内容：

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

这是一个吸虫： https://plnkr.co/edit/NtEOkm35dYLuJR6jSWpp?p=preview

我已更新了plunker。现在有分页

如果您在模型中存储选定的值，则分页无关紧要。

AngularJS - 需要在不同页面中突出显示和取消选中所选内容

1 个答案: