删除本地存储节点时 ng-repeat 不更新

Question

Angularjs 当我删除整个本地存储节点时 ng-repeat 没有更新

我用过 $scope.$apply(); 但它不起作用

ng-重复 div

<div class="col-xs-3 well">
<button type="button" class="btn btn-danger" data-ng-click="dellocal()"><i class=" glyphicon glyphicon-remove-sign"></i></button>
<ul class="list-group">
<li class="list-group-item" data-ng-repeat="item in del" >
id:{{ item.id }}
<button type="button" class="btn btn-danger" data-ng-click="delItem_fr_delete(item);"><i class=" glyphicon glyphicon-remove-sign"></i></button>
</li>
</ul>
</div>

和我的删除功能

 $scope.dellocal = function (item) 
 {
  delete $localStorage.fr_delete;
 }

my plunker demo

Answer 1

您正在将 $localStorage.fr_delete 复制到另一个名为 $scope.del 的变量中。

删除 $localStorage.fr_delete 不会删除通过控制器绑定在您的视图中的 $scope.del。

像这样更新您的方法：

 $scope.dellocal = function (item) {
       delete $localStorage.fr_delete;
       $scope.del = [];
    }