angularJS：使ngClass与$localstorage相关

我正在尝试实现angularJS，我想创建一个与$localstorage相关的动态类

我有一个脚本定义$localstorage，如下所示：

$localstorage.set('nf-fajr', true); 
$localstorage.set('nf-dhuhr', false);   
$localstorage.set('nf-asr', false); 
$localstorage.set('nf-maghrib', false); 
$localstorage.set('nf-isha', false);    

我希望这些变量与这些元素相关

<span ng-class="{icon ion-ios7-bell : nfFajr}" on-tap="toggleNotification('fajr')"></span>

例如，如果我将nf fajr更改为false，则应该将更改为另一个类

有什么建议吗

---

注意。

建议将所有样式存储在同一个存储器中，以便您只能使用一只手表检查样式存储更改：

$localstorage.set('style', JSON.stringify({'nf-asr': false, 'nf-fajr':true, 'nf-dhuhr': false})

然后可以使用$watch检查此更改：

$scope.$watch(function(){
    $localstorage.get('style'); //Maybe you need to parse json string to object.
}, function(newStyle){
    //here to handle change.
}, true);

---

希望这对你有用

您的意思是想以角度观察本地存储的变化吗？