在Angularjs中刷新后保留选定的行

时间:2014-03-14 18:44:44

标签: javascript angularjs

我可以使用此示例突出显示所选背景: http://plnkr.co/edit/SkaYSbtKFdx1I9N0xP5E 但有没有办法可以在页面新鲜后保留突出显示的值。 我正在使用localstorage模块进行angular(https://github.com/agrublev/angularLocalStorage)并且可以存储所选行id的值,但是如何在刷新后再次使用它来突出显示。 我不想使用Jquery。

1 个答案:

答案 0 :(得分:2)

您可以使用本地存储。

ng-init

$scope.setSelected = function(idSelectedVote) {
   localStorage.idSelectedVote = $scope.idSelectedVote 
   = idSelectedVote ||
     localStorage.idSelectedVote ||
     null;
   console.log(idSelectedVote);
}

<ul ng-repeat="vote in votes" 
    ng-init="setSelected()" 
    ng-click="setSelected(vote.id)"     
    ng-class="{selected : vote.id === idSelectedVote}">
...

plunker