Knockout - Access property in array of objects

Question

I was taking a look at another question (Knockout.js how to access the inner object property on data-bind) and saw how to bind a property within an object. I was wondering how to bind a property from multiple objects within an array and assumed it would be a quick tweak on the answer:

var data = [
    {
        "Id" : 1001,
        "SalePrice" : 12345,
        "ListPrice" : 333,
        "ShortDesc" : "Tayler 12345E",
        "Description" : " Long Description"
    },
    {
        "Id" : 1002,
        "SalePrice" : 23456,
        "ListPrice" : 444,
        "ShortDesc" : "Tayler 23456F",
        "Description" : " Long Description"
    }
];

var viewModel={
    dataTest: ko.observable(data)
};

ko.applyBindings(viewModel);

<div data-bind="foreach: dataTest">
    <span data-bind="text: dataTest().SalePrice"></span>
</div>

I'm getting an error saying that dataTest is not defined, but I can't work out why this is happening. Could someone take a look and let me know where I'm going wrong?

Amended Fiddle here: http://jsfiddle.net/nimaek/sZYcn/132/

You don't need the dataTest(). qualifier within the foreach -- it should just say: span data-bind="text: SalePrice"' — David Tansey
– David Tansey, Commented Oct 5, 2015 at 14:17
If you do still need to reference the current item directly, you can use $data, as in data-bind="text: $data.SalePrice". More common if you need to pass it off to another function etc. — James Thorpe
– James Thorpe, Commented Oct 5, 2015 at 14:18

Dandy · Accepted Answer · 2015-10-05 14:17:12Z

2

You are inside binding foreach. Use

<span data-bind="text: SalePrice"></span>

answered Oct 5, 2015 at 14:17

Dandy

2,20716 silver badges16 bronze badges

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

Collectives™ on Stack Overflow

Knockout - Access property in array of objects

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