离子框架，Angular Js答案

【问题标题】：Ionic framework,Angular Js离子框架，Angular Js
【发布时间】：2018-12-21 12:16:00
【问题描述】：

我现在面临的问题是JSON.parse(localStorage.getItem('user_info')));之后我怎样才能把这个字符串放在$scope对象中？

请为我的问题提出一些建议。

提前致谢

【问题讨论】：

见stackoverflow.com/questions/35419566/…?

标签： angularjs ionic-framework

【解决方案1】：

您需要定义一个 AngularJS controller，然后使用 ng-controller 指令将其绑定到您的 Ionic 视图。下面是一个示例——我建议在 play.ionic.io 上使用它。

angular.module('app', ['ionic']).controller('MyController', function($scope) {

  // localStorage.setItem('user_info', JSON.stringify('Hello World'));
  $scope.userInfo = JSON.parse(localStorage.getItem('user_info'));

});

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <link href="https://code.ionicframework.com/1.0.0/css/ionic.min.css" rel="stylesheet">
    <script src="https://code.ionicframework.com/1.0.0/js/ionic.bundle.js"></script>
  </head>
  <body ng-app="app">
    <ion-pane>
      <ion-header-bar class="bar-stable">
        <h1 class="title">LocalStorage Example</h1>
      </ion-header-bar>
      <ion-content class="padding" ng-controller="MyController">
        <h1>{{userInfo}}</h1>
      </ion-content>
    </ion-pane>
  </body>
</html>

【讨论】：

【解决方案2】：

angular.module('app', ['ionic']).controller('MyController', function($scope) {

// localStorage.setItem('user_info', JSON.stringify('Hello World')); $scope.userInfo = JSON.parse(localStorage.getItem('user_info'));

});

【讨论】：

通常最好解释一个解决方案，而不是仅仅发布一些匿名代码行。你可以阅读How do I write a good answer，也可以阅读Explaining entirely code-based answers