Question

我正在使用this example来创建某种清单。我想知道每次关闭应用程序时是否可以保存进度条的状态，并在重新打开时找到相同的状态。

PS：我在离子应用程序中使用此示例。

感谢您的帮助。

Answer 1

您可以使用database / session / cookie存储最后一个范围，然后将其放在变量$rangeFromDBorSession中，然后在for循环中使用它。例如（PHP）：

<ul class="progress-indicator">
<?php
for ($x = 0; $x <= 5; $x++) {
   if($x<=$rangeFromDBorSession){
    echo '<li class="completed"> <span class="bubble"></span> Step $x </li>';
   }else{
    echo '<li> <span class="bubble"></span> Step $x </li>';
   }
}
?> 
</ul>

Answer 2

您可以使用localStorage

＆＃13;

.factory('sessionService',['$http',function($http){
return {
   set:function(key,value){
      return localStorage.setItem(key,JSON.stringify(value));
   },
   get:function(key){
     return JSON.parse(localStorage.getItem(key));
   },
   destroy:function(key){
     return localStorage.removeItem(key);
   },
 };
}])

＆＃13;

CTRL中的

＆＃13;

.controller('exampleCtrl', function($scope, $localstorage) {
  $localstorage.set('key',value);
  
  var val =   $localstorage.get('key');
    
})

＆＃13;

在CSS中保存进度条状态

2 个答案: