$(function () { var data = { stock: { cusip: ko.observable(12345), symbol: ko.observable("MSFT"), name: ko.observable("Microsoft"), bid: ko.observable(45.92), ask: ko.observable(46.99) } }; ko.applyBindings(data); });
<div class="container-fluid"> <div class="row"> <div class="col-sm-4"> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title" data-bind="text: stock.name"></h3> </div> <div class="panel-body"> <div class="form-group"> <span>cusip #: </span><span data-bind="text: stock.cusip"></span> <br /> <span>symbol: </span><span data-bind="text: stock.symbol"></span> <br /> <div class="form-group"> <span>bid: </span> <input data-bind="value: stock.bid" /> </div> <div class="form-group"> <span>ask: </span> <input data-bind="value: stock.ask" /> </div> <div class="form-group"> <span>bid: </span><span data-bind="text: stock.bid" /> </div> <div class="form-group"> <span>ask: </span><span data-bind="text: stock.ask" /> </div> </div> </div> </div> </div> </div> </div>