angularjs using .map is not a function

Question

Trying to manipulate the response.data to add isLoggedin = true in the response using .map but its giving me an error of "map" is not a function.

vm.dataResponse = response.data.map(function(data){
  data.isLoggedIn = false;
});

Trying to do this so I can have a data to reference whether the user is logged in or not to show (login/sign out). Or I could use $rootScopebut I thought using global is not ideal?

    $rootScope.isLoggedIn = false;

then in my vm.login function the $rootScope will then be set to true, this works but when I refresh the page it goes back to false.

What it console.log(response.data) prints?

developer033
– developer033

2016-07-27 00:33:31 +00:00
Commented Jul 27, 2016 at 0:33 — developer033
– developer033, Commented Jul 27, 2016 at 0:33

glendaviesnz · Accepted Answer · 2016-07-27 06:21:33Z

1

response.data will need to be an array in order to use .map

.map will create a new array by iterating through all the values of an existing array and returning the results of a provided callback on each member of the array, eg.

var oldArray = [1,2,3,4];
var newArray = oldArray.map(function(number){
    return number * 2;
});
//newArray = [2,4,6,8]

So in your example it wouldn't work even if response.data was an array as you are not returning anything from the callback.

If response.data is an object you can just add the property direct, eg.

response.data.isLoggedIn = false;

If you could do as developer033 suggests and provide the output of a console.log of response.data that would help identify how best to handle it.

Edit:

Because you are just returning a string try:

vm.dataResponse = {username: response.data, isLoggedIn: true}

edited Jul 27, 2016 at 6:21

answered Jul 27, 2016 at 1:02

glendaviesnz

1,91914 silver badges12 bronze badges

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

1 Comment

nCore Over a year ago

Ah I see, I'm only returning a single object when vm.login is called. Just returning the username. Tried just doing response.data.isLoggedIn = false but error says (can't create property on string "username")

Collectives™ on Stack Overflow

angularjs using .map is not a function

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related