Привязка localStorage к флажку в AngularJS

Question

Я пытаюсь получить значения из localStorage и привязать их к флажку в моем приложении Angular.

//controller code 
var storage = window.localStorage; 
$scope.Setting = storage.getItem('setting'); 


//view 
<div>{{Setting}}</div> 
<input type="checkbox" ng-model="Setting"> 

В приведенном выше коде div будет правильно показывать true или false, однако это не связано с этим флажком. Если код изменен на $scope.Setting = true;, это будет работать, является ли Angule попыткой привязать модель к флажку, прежде чем он будет извлечен из localstorage?

Answer 1

Проблема заключается в том, что вы сохраняете данные в локальном хранилище, все преобразуется в строку, поэтому логическое сравнение не выполняется. Ваш вариант это конвертировать данные обратно в формат JSON или в вашем случае, так как это просто логическое значение, вы можете также использовать $ объем. $ Eval

$scope.Setting = $scope.$eval(storage.getItem('setting'));

Смотрите эту скрипку http://jsfiddle.net/cmyworld/Jn7N2/