KnockoutJS observable arrays offer a sort function, this makes it relatively easy to sort a databound array in your UI (regardless of the natural order of the data.) data-bind=”foreach: items.sort(function (l, r) { return l.lastName() > r.lastName() ? 1 : -1 })” You should not have to pre-sort/re-sort your source data, if you’re sorting before … Read more
I came across the same issue and got around it by changing the interface to: interface Details { Name: { First: string; Last: string; }[]; } I know you may not want the interface changed but hope this helps for anyone that is in this situation.
$data is part of Knockout’s Binding Contexts. Here are all the built-in variables: $parent $parents $root $component $data $index (only available within foreach bindings) $parentContext $rawData $componentTemplateNodes
I think “Note 2” on this knockout page explains it all: http://knockoutjs.com/documentation/click-binding.html You can avoid the problem by either using: Anonymous functions: <button data-bind=”click: function(data, event) { myFunction(data, event, ‘param1’, ‘param2’) }”>Click me</button> … or … The bind method: <button data-bind=”click: myFunction.bind($data, ‘param1’, ‘param2’)”>Click me</button>
Here’s a simple trick. Just make your root element initially hidden and set the visible binding to true. <div style=”display: none;” data-bind=”visible: true”> <!– the rest of your stuff –> </div> As it’s rendered, before knockout does its thing, it will be initially hidden. When the bindings are applied, knockout will override the style and … Read more
You can only assign one framework via the dropdown in the sidebar. If you need to add another framework you need to add a resource using a link to a CDN.
Only a few attributes can be bound directly; try using attr – it will let you set any attribute on an element. <img width=”16px” height=”16px” data-bind=”attr:{src: imagePath}” />
From the documentation, the answer is: When using a template: ${$data} When not using a template: $data
my 2 cents worth. preamble – i have worked with both angular and knockout. I’m on my 3rd non trivial front end built with a MVVM/MVC lib. I started with knockout because its MVVM is very similar to the wpf/silverlight mechanics. And it works well. The tutorials and documentation are top notch. All your coders … Read more
I can’t say for sure what the problem is. Could be some bad character, could be the spaces you have left at the beginning and at the end, no idea. Anyway, you shouldn’t hardcode your JSON as strings as you have done. Instead the proper way to send JSON data to the server is to … Read more