AngularJS getting user info and storing for later use

Question

Hi I'm trying to get Angular JS ng-repeat to store information from users, so they can use it to log in with later. Am I doing this right?

.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'}
  ]
})

You could create UserService to share data between application.. — Pankaj Parkar
– Pankaj Parkar, Commented Apr 29, 2017 at 22:46
So basically you want to store usernames and passwords within your JS file, and then render them on the page so anyone can see them? — nocodename
– nocodename, Commented Apr 29, 2017 at 22:46
I want to store user info that will be later used to log into the app — Regie Tano
– Regie Tano, Commented Apr 29, 2017 at 22:55
Possbile duplicate : stackoverflow.com/questions/14206492/… — Sreekumar P
– Sreekumar P, Commented Apr 30, 2017 at 5:08

Akashii · Accepted Answer · 2017-04-29 23:46:18Z

2

You should create Service to do it

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

Here is plnkr

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

answered Apr 29, 2017 at 23:46

Akashii

2,2815 gold badges19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJS getting user info and storing for later use

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related