Flow.js 0.12.0 Release Notes

Release Date: 5/18/2017

Flow.js 0.12.0 Released

The Flow.js JavaScript library has been updated to version 0.12.0.

New Features

This release includes several new features to support showing particular UI elements conditionally, based on the value of model variables.

• New 'toggle' attributes for showing and hiding elements conditionally:

    <div data-f-showif="widgets | greaterThan(50)"/>Nice job, we've sold plenty of widgets!</div>

• New number comparison converters, which allow you to convert from a (numeric) model to another value of your choosing:

    <span data-f-bind="widgets | greaterThan(50, 'nice job!', 'not enough widgets')"></span> 

• New Boolean conditional converters, which allow you to convert from a model variable to a boolean value, or another value of your choosing:

    <span data-f-bind="sampleVar | ifTrue('yes! please move forward', 'not ready to proceed')"></span>

Improvements

There are a few minor improvements, including:

• A new "How To" on updating elements when a model operation is called.

• A new "How To" on showing UI elements conditionally.

There are also a few technical changes, including:

• It is now recommended to move to jquery 3. The upcoming 1.0 release of Flow.js will drop support for jquery 2.

• Under the hood, more complete cleanup of the "unbind" operation.