ko <!--ko-->
binding and data-bind="visible:sometext" binding
Both binding did the same operation and which one is efficient for use and which one is best
e.g. :
<!-- ko visible: prop--><!-- /ko -->
e.g. :
<table>
<tbody>
<tr><td></td></tr>
<!-- ko if: cond -->
<tr><td>Optionnal line </td></tr>
<!-- /ko -->
</tbody>
</table>
data-bind
:<!-- ko [binding] -->
allows you to bind to an virtual element.
data-bind="[binding]"
is a regular binding and can only be applied to actual elements.
The difference is that the first can be used without having to create an element:
<ul>
<li class="heading">My heading</li>
<!-- ko foreach: items -->
<li data-bind="text: $data"></li>
<!-- /ko -->
</ul>
Do note that not every binding handler can be applied to an virtual element:
Custom bindings can work with virtual elements too, but to enable this, you must explicitly tell Knockout that your binding understands virtual elements, by using the ko.virtualElements.allowedBindings API.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With