Knockout Style Binding

Knockout Template

by gurkavcu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/2.2.1/knockout-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.3.2/knockout.mapping.min.js"></script>
<input data-bind="value:width ,style : { width : width()+'px' }" />

JavaScript

function ViewModel() {
   var self = this;
   this.width = ko.observable(50); 
};



$(function() {  
    
    var viewModel = new ViewModel();
    ko.applyBindings(viewModel);  
     
})