Conditionally Displayed Components

You can create HTML that will be displayed only if global state takes a given value. The following HTML displays two divs, neither will be displayed by default. If the value of teh "data" dataset (accessible by calling $val("data")) is equal to the specified item (toString() is called on the datavalue and then compared) the corresponding div will be displayed.

        
<div data-if="data=item1"></div>
<div data-if="data=item2"></div>