JSON - knockout.js - nested data

Question

I have the following JSON received at my web application.

I have a knockout viewmodel:

var self = this;
self.ActiveAlarms = ko.observable();

and my JSON call:

$.getJSON("/api/Dashboard/ActiveAlarmsPerAlarmTypeForTurbine/591", function (data) {
    objVM.ActiveAlarms(data);
});

And I have my .cshtml page:

                    <div class="row">
                    <div class="col-md-12">
                        <span data-bind="text: objVM.ActiveAlarms.turbine.name"></span>                                
                    </div>
                </div>
                <div class="row" data-bind="foreach: listOfAlarmsPerAlarmType">
                    <div class="col-md-12">
                        <span data-bind="text: alarmType.name"></span>
                    </div>
                </div>

But nothing shows up... :-( - what am I missing here?

The rest of the webpage, viewmodel and the knouckout/json works very fine.

Answer 1

Could be a number of things, are you binding the page correctly?

But one thing i noticed what this

  <div class="row">
                <div class="col-md-12">
                    <span data-bind="text: objVM.ActiveAlarms().turbine.name"></span>                                
                </div>
            </div>
            <div class="row" data-bind="foreach: listOfAlarmsPerAlarmType">
                <div class="col-md-12">
                    <span data-bind="text: alarmType.name"></span>
                </div>
            </div>

You need to add parentheses to the observable object in the markup