Binding for data-f-[boolean]
Flow.js provides special handling for HTML attributes that take Boolean values.
In particular, for most HTML attributes that expect Boolean values, the attribute is directly set to the value of the model variable. This is true for
However, there are a few notable exceptions. For the HTML attributes
readonly, the attribute is set to the opposite of the value of the model variable. This makes the resulting HTML easier to read.
<!-- this checkbox is CHECKED when sampleBool is TRUE, and UNCHECKED when sampleBool is FALSE --> <input type="checkbox" data-f-checked="sampleBool" /> <!-- this button is ENABLED when sampleBool is TRUE, and DISABLED when sampleBool is FALSE --> <button data-f-disabled="sampleBool">Click Me</button>