JSON inside a Repeat

Hello, something is stumping me with the addition of a div inside a repeat.
I’m adding an “Add To Calendar Button” (atcb) from GitHub - jekuer/add-to-calendar-button
The CSS and JS are found, no issues there, and below is the code. Now, it displays just fine outside the repeat, but not at all inside it.

<div dmx-bind:repeat="getUserSessions.data.getUserSessions" is="dmx-repeat">

image

<div class="atcb" style="display:none;">
                {
                "title":"Add the title of your event",
                "dateStart":"02-21-2022",
                "dateEnd":"03-24-2022",
                "options":[
                "Google"
                ]
                }
</div>

There si a note that " Mind that with Angular, you might need to escape the { with {{ '{' }} and } with {{ '}' }} ; with React it would be { '{' } and { '}' } . ". But we are using regular PHP, not Angular nor React.

Any clue? I don’t like asking basic HTML question but this maybe Wappler/DMX related?

Community Page
Last updated: