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更改为 false ，则应将<span>更改为其他类。

任何建议？

问候。

Answer 1

建议将所有这些样式存储到同一存储中，以便您只能使用一只手表来检查样式存储更改：

$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);

Here is jsfiddle.

希望这对你有用。：）

angularJS：使ngClass与$ localstorage相关

1 个答案: