Here is the code-sample for view code < p data-bind =" text: ClientName , style: { marginLeft: SaveAsDraft ? ‘30px’: ‘0px’} "></ p > If SaveAsDraft is true then icon status images visible margin-left to 30px otherwise visible to 0px. Here is the code-sample for view model code var viewModel = function (Status) { var self = this ; self.Status = Status; self.ClientName = ko.observable( ‘Anil Singh’ ); self.SaveAsDraft = ko.observable( false ); self.SaveAsDraft = ko.computed( function () { if (self.Status == ‘ Draft’ ) { return self.SaveAsDraft( true ); } }, self); }; ko.applyBindings( new viewModel()); ...
Angular, React, JavaScript, Java, PHP, SQL, C#, Vue, NodeJs, TypeScript and Interview Questions Answers