Issues in using pageproperties in Underscore JS | Community
Skip to main content
V
v1101
Level 5
July 30, 2020
Solved

Issues in using pageproperties in Underscore JS

  • July 30, 2020
  • 3 replies
  • 1222 views

Hello All - I am using Underscore JS for component creation. The below snippet is not working for the page properties. Can someone tell how to address this?

 

<script type="text/template" id="testView">
<% _.each(test, function(test) { %>
<div class="templatetest">
<sly data-sly-test=" <% ${properties.displayimages} %> ">     (This line of code doesn't work)
<img src="<%= test.image %>" class="w-full" alt="">
</sly>
</div>
<% });%>
</script>

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Suraj_Kamdi

@v1101 

Use context="unsafe"

 

<sly data-sly-test=" <% ${properties.displayimages @context="unsafe"} %> "> 

 

I hope this will help.

3 replies

ArpitVarshney
Community Advisor
ArpitVarshneyCommunity Advisor
Community Advisor
July 30, 2020

Hi @v1101 

It seems you are mixing JSP and HTL syntaxes. If your script file contains extension as .html then follow HTL documentation else follow JSP.

 

It looks like your script file is JSP as most of your shared code follows JSP syntaxes and JSP doesn't support sly and data-sly-test. It is HTL syntax of testing an expression. Please go through the link to get the corresponding syntax https://stackoverflow.com/questions/28409916/how-to-check-null-from-jcr-value-in-adobe-cq5

 

Regards.

Arpit Varshney

    Suraj_Kamdi
    Community Advisor
    Suraj_KamdiCommunity AdvisorAccepted solution
    Community Advisor
    July 30, 2020

    @v1101 

    Use context="unsafe"

     

    <sly data-sly-test=" <% ${properties.displayimages @context="unsafe"} %> "> 

     

    I hope this will help.

      Suraj_Kamdi
      Community Advisor
      Suraj_KamdiCommunity Advisor
      Community Advisor
      July 30, 2020

      @v1101 

      updating above

      <div class="templatetest">

         <sly data-sly-test="${properties.displayimages @context='unsafe'}"> 

             <img src="<%= test.image %>" class="w-full" alt="">

         </sly> 

      </div>

        Terms & ConditionsAccessibility statement

        Loading footer...