Question

任何人都可以帮我解决这个问题当我尝试选择ng-repeat列表选项突出显示时，我收到错误。只有在第一次单击时第二次单击（第二次单击时应用的CSS样式）才会突出显示该项目。而且，当我刷新页面时，我必须设置选定的选项卡高亮显示。

以下是代码：

$scope.idSelectedVote = null;
    $scope.setSelected = function (idSelectedVote) {
        $scope.idSelectedVote = idSelectedVote;
    };



<ul class="left-menu">
    <li ng-repeat="navigation in navigations"
        ng-click="setSelected(navigation.value.NavID)"
        ng-class="{selected: navigation.value.NavID === idSelectedVote}">
        <a href="{{navigation.value.RelativePath}}">
            <i ng-class="navigation.value.IconPath"
               class="icon" aria-hidden="true"></i>
            {{navigation.value.ComponentTitle }}
        </a>
    </li>
</ul>



.selected {
    background-color: grey;
}

Answer 1

像这样添加CSS类 - ＆gt; '选择'

<ul class="left-menu">
     <li ng-repeat="navigation in navigations" ng-click="setSelected
     (navigation.value.NavID)" ng-class="{'selected': navigation.value.NavID === 
     idSelectedVote}"><a href="{{navigation.value.RelativePath}}"><i ng-
     class="navigation.value.IconPath" class="icon" aria-hidden="true"></i> {{ 
     navigation.value.ComponentTitle }}</a></li>
     </ul>

选择ng-repeat列表选项突出显示

1 个答案: