Like this: <a data-bind=”html: name, attr: { href: url }”> You use comma-separated bindings – the attribute is the same as passing an object: { html: name, attr: { href: url } } Or, if you’re asking about multiple attr bindings at once: <a data-bind=”html: name, attr: { href: url, ‘data-prop’: FullName }”>
An observableArray exposes an indexOf function (wrapper to ko.utils.arrayIndexOf). This allows you to do: if (myObservableArray.indexOf(itemToAdd) < 0) { myObservableArray.push(itemToAdd); } If the two are not actually a reference to the same object and you want to run custom comparison logic, then you can use ko.utils.arrayFirst like: var match = ko.utils.arrayFirst(myObservableArray(), function(item) { return itemToAdd.id … Read more
Have you tried calling knockout’s clean node method on your DOM element to dispose of the in memory bound objects? var element = $(‘#elementId’)[0]; ko.cleanNode(element); Then applying the knockout bindings again on just that element with your new view models would update your view binding.
Have a look at Select2 for Bootstrap. It should be able to do everything you need. Another good option is Selectize.js. It feels a bit more native to Bootstrap.
You should use ko.utils.unwrapObservable in cases where you don’t know if you have been given an observable or not. This would commonly be in a custom binding where an observable or non-observable could be bound against it. In the code that you have above, the call to valueAccessor() is not actually unwrapping an observable. It … Read more
I think I have summarized all your questions, if I missed something please let me know (If you could summarize up all your questions in one place would be nice =)) Note. Compatibility with the ko.editable plug-in added Download the full code How do you use html helpers with knockout.js This is easy: @Html.TextBoxFor(model => … Read more
I think that for the jQuery UI datepicker it is preferable to use a custom binding that will read/write with Date objects using the APIs provided by the datepicker. The binding might look like (from my answer here): ko.bindingHandlers.datepicker = { init: function(element, valueAccessor, allBindingsAccessor) { //initialize datepicker with some optional options var options = … Read more
Look at DefinitelyTyped. “TypeScript type definitions repository for popular JavaScript libraries”
You can’t call something on the entire viewModel, but on an individual observable you can call myObservable.valueHasMutated() to notify subscribers that they should re-evaluate. This is generally not necessary in KO, as you mentioned.
When using an observable in an expression you need to access it as a function like: visible: !charted()