2016-09-07 67 views
0

我想创建一个文本区域,如果我添加一些文本并点击保存,文本应保存在localStorage中。所以,如果我再次打开文本区域,我可以看到它仍然存在。localStorage AngularJS不保存任何东西

HTML

<ion-view view-title="CWIN 2016 - Votre avis"> 
    <ion-content> 
    <div class="list card user-infos-card"> 
     <div class="item aw-dark-blue"> <h2 class="activity-name"></h2> Notes</div> 
     <textarea ng-model="note" rows="20" cols="50"></textarea> 
     <div class="item tabs tabs-secondary tabs-icon-left aw-dark-blue" ng-click="saveNote()" ng-model="note">Enregistrer vos notes</div> 
     <div ng-show="error"> 
      <p class="form-error-message">Veuillez saisir des notes</p> 
     </div> 
    </div> 
    </ion-content> 
</ion-view> 

JS

angular.module('companion.noteBookController', ['LocalStorageModule']) 

.controller('noteBookController', function ($scope, localStorageService){ 

    $scope.note=localStorageService.get('note'); 

    $scope.saveNote=function() { 
     localStorageService.set('note', $scope.note); 
    } 

}); 

enter image description here

我不underdstand问题。除此之外,我没有任何错误。

+0

的console.log(localStorageService.isSupported)) //它是否真实? –

+0

您可以检查一下该笔记是否真的保存在localStorage中?在Chrome中,转到开发人员工具>应用程序> localStorate。您应该看到名为'note'的键和一个值。我有这样的感觉,问题实际上是与您的HTML5标记。 –

+0

你可以使用$ localStorage ...'$ localStorage.something = something;' – Rakeschand

回答

0

改变这一行

<div class="item tabs tabs-secondary tabs-icon-left aw-dark-blue" ng-click="saveNote(note)">Enregistrer vos notes</div> 

和JS

angular.module('companion.noteBookController', ['$localStorage']) 

.controller('noteBookController', function ($scope, $localStorage){ 


    $scope.saveNote=function(note_val) { 
     console.log(note_val); 
     $localStorage.note = note_val; 
    } 

}); 

,如果你想要得到的值,那么你可以使用这个

var my_note = $localStorage.note; 
+0

它不起作用 – Hana