Javascript 使所选ng重复列表选项高亮显示

有人能帮我解决这个问题吗 当我试图突出显示所选ng repeat list（ng重复列表）选项时出错。该项仅在第二次单击时高亮显示（第二次单击时应用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;
}

$scope.idSelectedVote=null；
$scope.setSelected=函数（idSelectedVote）{
$scope.idSelectedVote=idSelectedVote；
};




.选定{
背景颜色：灰色；
}

像这样添加CSS类->'selected'

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

您可以在plnkr或jsbin中重新创建它吗？