angularJS：使ngClass与$ localstorage相关

Question

我尝试实现一个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到假， <span>应改为另一类。

有什么建议吗？

问候。

Answer 1

推荐存储所有这种风格到相同的存储，这样就可以只使用一个表来检查样式存储变化：

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

然后你可以用$收看检查这种变化：

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

Here is jsfiddle.

希望为你工作。 ：）