Hi @sid, it is something I have used many times before too, but for some reason it is just not working. I added your code but also just added some static text so I would know where the values were coming from, like this.
<div id="cond_first_section_how_many_images" is="dmx-if" dmx-bind:condition="(sc_retrieve_page_contents.data.query_first_section_images.count() > 1)">
<img class="img-fluid" dmx-bind:src="sc_retrieve_page_contents.data.query_first_section_images[0].il_url">
Inside Condition: {{sc_retrieve_page_contents.data.query_first_section_images[0].il_url}}
</div>
Outside Condition: {{sc_retrieve_page_contents.data.query_first_section_images[0].il_url}}
In the browser, the image is missing and the binding inside the condition is empty, however the binding outside the condition is there as it should be.
This is my inspector output
It is strange because I know I have used this type of thing on other projects and it has worked flawlessly, I wonder if something is missing in the head section, like if the dmxFormatter.js
is missing and using a formatter like .uppercase()
just stops the output completely, although the console is not returning any errors so I do not think so.