angularjs - angular jsを使用してtxtファイルからローカルストレージにすべての値をプッシュする方法

Question

ユーザーがローカル ボタンをクリックしたときに値をローカル ストレージに格納できるサンプル アプリケーションがありますが、txt ファイルのすべての値をローカル ストレージ "note2": [] に格納したいと考えています。

プランカーデモ

Answer 1

はい、そうする方法を見つけました。

あなたが使用することができますng-init='Function name'

ここでは、ユーザーがローカルへのボタンをクリックして値をローカルにプッシュするときに関数を使用します

$scope.cloneItem = function (todo) {
        $scope.$storage.notes.push({
            "price": todo.price,
            "id": todo.id,
            "quan": todo.quan
        });
    }

しかし、txtファイルからローカルにすべての値を保存したいので、使用します

ng-init='your js function name' 

この関数はプッシュ関数を呼び出して、ng-repeat ごとに値がローカルにプッシュされるようにします

例 ：

<tr ng-repeat="todo in todos" ng-init='cloneItem(todo)'>

Answer 2

angularJS の localStorage にデータを配置するには、ライブラリangular-localForageを使用できます。

例：

angular.module('yourModule', ['LocalForageModule'])
.controller('yourCtrl', ['$scope', '$localForage',
    function($scope,$localForage) {
      $localForage.setItem('myName','Olivier Combe').then(function() {
        $localForage.getItem('myName').then(function(data) {
          var myName = data;
        });
      });
 }]);