2016-09-07 66 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