Make element show/hide based on dataset boolean value

Ask the community
,
1

I have a dataset with a boolean field, “vegan”, where some of the items are selected as ‘true’.
I have a repeater with an icon on each of the repeater items. I want this icon to be hidden if the boolean is ‘false’, and only appear if the item is marked ‘true’.

I’ve tried the code below but can’t seem to get it working.

EDIT: My research has suggested using Repeated Item Scope . I’m unsure of this, however.

import wixData from ‘wix-data’ ;
$w . onReady ( function () {

wixData . query ( "MenuToppings" ) 
    . find () 
    . then (( results ) => { 

        let  boolean  =  results.items [ 0 ]. vegan ; 
        if  ( boolean  ===  **true** ) { 
            $w ( "#image44" ). show (); 
        }  **else**  { 
            $w ( "#image44" ). hide (); 
        } 
    })

});

2

Changed the scope, now it works:

import wixData from ‘wix-data’ ;
$w . onReady (() => {
$w ( “#dataset2” ). onReady (() => {
$w ( “#repeater8” ). onItemReady ( ( $item , itemData ) => {
if ( itemData.vegan === true ) {
$item ( “#image44” ). show ();
}
});
});
});