frontend-developer-1

Customize and Create JavaScript
How do you use knockout.js bindings?
Bindings are a way to link reactive data with HTML. They are connected with the
data-bind attribute like:
Assuming firstName is an observable in the Knockout model, the value of this.
firstName will be automatically updated whenever the input’s value changes.
There are many bindings available; here are some of the most common:
• text: sets the innerText of an element.
• visible: controls whether or not an element is visible.
• if: similar to visible but removes or adds the child nodes based on the
evaluation of the property.
• click: calls the specified function when the element is clicked. It’s a oneway
binding (HTML to Javascript) which differs slightly from other bindings
that are bi-directional.
• value / checked / options
Magento also provides some custom bindings. All of them can be set as regular
bindings in a data-bind="" attribute, but some also may be specified as virtual
knockout elements, custom attributes or custom elements.
All of the following are more or less equivalent if used within a knockout .html
template:
Copyright © 2018, SwiftOtter, Inc.
91