The bind middleware

The bind middleware makes the input, select and textarea elements bindable with the bind custom attribute.

• name: bind
• middleware dependencies: bindable
• all middleware dependencies: observe, attributes, bindable
• type: component or content middleware
• ignores: text nodes
• docs

Installation

npm install @nx-js/bind-middleware

Usage

const component = require('@nx-js/core')
const observe = require('@nx-js/observe-middleware')
const attributes = require('@nx-js/attributes-middleware')
const bindable = require('@nx-js/bindable-middleware')
const bind = require('@nx-js/bind-middleware')

component()
  .useOnContent(observe)
  .useOnContent(attributes)
  .useOnContent(bindable)
  .useOnContent(bind)
  .register('binding-comp')

<binding-comp>
  <input type="number" name="age" bind />
</binding-comp>