Coffeescript variable concatenation causes "Uncaught TypeError value is not a function"

Question

I'm creating an app in Rails that uses ActionCable/Websockets and I'm using coffeescript to update a users browser with data received from the current channel in ActionCable. When I run this code I get the error "Uncaught TypeError: data.user.name is not a function", however when I swap data.user.id and data.user.name the error is then for data.user.id. I think my syntax is wrong but I can't find any answers. Any help would be appreciated. Thanks

received: (data) ->
  $('#players-table').show()
  $('#players-table-body').append '<tr>' + 
    '<td>' + data.user.id + '</td>' + 
    '<td>' + data.user.name +'</td>'

Sebastián Palma · Accepted Answer · 2017-10-24 18:43:31Z

2

It'll sound strange, but you need an space after the last +:

received: (data) ->
  $('#players-table').show()
  $('#players-table-body').append '<tr>' + 
    '<td>' + data.user.id + '</td>' +
    '<td>' + data.user.name + '</td>'

Without it, it'd make the data.user.name to open parenthesis and to put inside the +'</td>', like:

return $('#players-table-body').append('<tr>' + '<td>' + data.user.id + '</td>' + '<td>' + data.user.name(+'</td>'));

edited Oct 24, 2017 at 18:43

answered Oct 24, 2017 at 18:41

Sebastián Palma

33.6k6 gold badges45 silver badges65 bronze badges

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

2 Comments

Sebastián Palma Over a year ago

Great it worked, I've just edited the title if somebody else has the same problem.

Rudi Thiel Over a year ago

yeah thanks, I did mark it but said I had to wait 10 mins

Collectives™ on Stack Overflow

Coffeescript variable concatenation causes "Uncaught TypeError value is not a function"

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related