@nx-js/flow-middleware

An NX middleware, responsible for handling loops and conditionals in the view.

Usage no npm install needed!

<script type="module">
  import nxJsFlowMiddleware from 'https://cdn.skypack.dev/@nx-js/flow-middleware';
</script>

README

The flow middleware

The flow middleware is responsible for controlling visual flow in the HTML view.

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

Installation

npm install @nx-js/flow-middleware

Usage

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

component()
  .useOnContent(observe)
  .useOnContent(attributes)
  .useOnContent(flow)
  .register('flow-comp')

<flow-comp @repeat="names" repeat-value="name">
  <p>The name is ${name}</p>
</flow-comp>