knockout data-bind text to function is returning stringified version of function

Question

I'm using knockout with a foreach loop, and my specific element i want to bind the text element of a span to an anonymous function, however there is just a string version of the function returned <span data-bind="text: function(ri) { ri.itemNameAndRateplan() + ' ' + ri.Adults(); }"></span>

when run returns function (ri){ ri.itemNameAndRateplan() +' '+ ri.Adults();} as the html for the element. I would expect it to be something like ratePlanNameValue 4

How do i fix this?

John Pavek · Accepted Answer · 2018-03-15 20:26:01Z

2

You can actually just write data-bind="text: ri.itemNameAndRateplan() +' '+ ri.Adults()" If ri is an observable, add (). If this isn't the case I'd need to see some more code.

answered Mar 15, 2018 at 20:26

John Pavek

2,5853 gold badges17 silver badges36 bronze badges

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

2 Comments

Colonel Mustard Over a year ago

This is an example, I want the result to be a bit more complex with more properties included than this, which is why I want to use the anonymous function. ri is an observable object

John Pavek Over a year ago

@mcgowan.b I would add a computed to the ri object, and just bind it. Writing extensive JS in a binding is just asking for problems. I've been down that road. I wouldn't recommend it.

Collectives™ on Stack Overflow

knockout data-bind text to function is returning stringified version of 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