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.

希望爲你工作。 ：）