TypeError：ローカルストレージを使用しているときにnullのプロパティを設定できません。

Question

ローカルストレージを導入するまで、自分のコードは正常に動作しています。私がしているのは、デバイスが準備完了状態になっているかどうかチェックし、値が存在すれば取得します。関数の本体では、変数スコープに値を代入します。これは、このエラーが発生する場所です。

$ionicPlatform.ready(function() { 
if (localStorageService.get("modelTrue") == null) { 
    $scope.userModal.show(); 
    localStorageService.set("modelTrue", "true") 
} 
else { 
    //Parameter to restore: 
    if(localStorageService.get("first") != null){ 
    $scope.data.firstDisplay = JSON.parse(localStorageService.get("first")); 
    } 
}; 
$scope.scanBarcode = function() { 
       $scope.data.firstDisplay = {'src' : 'img/1.png'}; //this is where I get the error 
       localStorageService.set("first", JSON.stringify($scope.data.firstDisplay)); 
       } 

私は最後の関数を呼び出すと、私はエラーを取得：「例外TypeError：ヌルのプロパティを設定することはできません 『firstDisplayを』」。

この現象はわかりません。変数を値に設定するだけです。 これはどういう意味ですか？

nullはconsole.log（$ scope.data）から得られます。

Answer 1

$scope.data ={}を宣言する必要があります。それ以外の場合は常にnullです。

$ionicPlatform.ready(function() { 
      $scope.data ={}; 
      if (localStorageService.get("modelTrue") == null) { 
       $scope.userModal.show(); 
       localStorageService.set("modelTrue", "true") 
      } else { 
       //Parameter to restore: 
       if (localStorageService.get("first") != null) { 
        $scope.data.firstDisplay = JSON.parse(localStorageService.get("first")); 
       } 
      }; 
      $scope.scanBarcode = function() { 
       $scope.data.firstDisplay = { 
        'src': 'img/1.png' 
       }; //this is where I get the error 
       localStorageService.set("first", JSON.stringify($scope.data.firstDisplay)); 
      }