在 ng-change 事件中设置 localStorage 属性

【问题标题】：Setting localStorage properties in an ng-change event在 ng-change 事件中设置 localStorage 属性
【发布时间】：2016-03-03 05:13:43
【问题描述】：

在ng-change 事件中设置localStorage 属性是个好主意吗？

我这样设置范围值：

<input type="range" ng-model="vol" ng-change="change()">

 $scope.change=function() {      
   window.localStorage['vol']=$scope.vol;
 }

当我更改范围时，会触发多个事件。

只有在经过ms 之后值没有改变时，我才能设置该值，但它是否值得这种额外的复杂性？

【问题讨论】：

【解决方案1】：

将纯 js 代码与角度范围混合是一个坏主意。如果你想使用像本地存储这样的 HTML5 特性，那么你应该使用像 ngStorage 一样封装它的 Angular 模块： https://github.com/gsklee/ngStorage

【讨论】：

谢谢，很高兴知道这一点，但在range ng-change 中使用$localStorage 是否正确？
没有错。但是，您应该问自己是否真的需要本地存储来解决这个问题？请记住，本地存储是一种持久性模型，即使在客户端关闭浏览器后也会存储此值。如果您需要这种行为（或者可能在选项卡之间进行通信），那么最好使用自定义角度服务。
太棒了。我需要保留它们，因为它们是应用重启后必须可用的用户设置（它是一个混合应用）