AngularJS获取用户信息并存储以备后用

Question

嗨，我正在尝试让Angular JS ng-repeat存储来自用户的信息，以便他们以后可以使用它登录。 我这样做对吗？

.html

<div id='div' ng-controller="usersCtrl">
  <ul>
    <li ng-repeat="x in users">
      {{ x.username + ", " + x.password}}
    </li>
  </ul>
</div>

<script src="https://code.jquery.com/jquery-3.1.1.js" integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA=" crossorigin="anonymous"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/controllers/users.js"></script>
<script src="js/app.js"></script>
<script src="js/main.js"></script>

angular.js

app.controller('usersCtrl', function($scope){
  $scope.users = [
    {username: 'Regie', password: 'Tano'},
    {username: 'Greg', password: 'Mayer'},
    {username: 'Jacob', password: 'Minshall'},
    {username: 'Bank', password: 'Chaiwong'}
  ]
})

Answer 1

您应该创建服务来做到这一点

     app.factory('myService', function() {
 var savedData = {};
 return {
  set: set,
  get: get
 }
 function set(data) {
     savedData['user']  = data
 }
 function get() {
  return savedData;
 }

这是plnkr

http://plnkr.co/edit/jfoDRcOSl0hP8ErVlZ3u?p=preview