Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.
SOLVED

sightly template to populate model class data

Avatar

Level 4

Hi All,

I have a requirement, where i will take input from author in <body> via component and display it in <head> section of the page. e.g. any script tag.

I am trying to use <data-sly-template>. Though, i am getting all values when i am using simple text. But when i am trying to access model class variables, i am getting null or no data.

    This is working fine: (written in component html and accessed in another html via data-sly-call)

       <template data-sly-template.tags>

                 some random text

       </template>

I want this, and its not working: (same as above)

<template data-sly-template.tags>

     ${tagModel.tagContent}

</template>

Info:I am creating the template in component html and want to use it in basePage.html.

         if i try to print  ${tagModel.tagContent} in the component html, i am getting value of tagContent.

Please help.

1 Accepted Solution

Avatar

Correct answer by
Employee

try page properties, without jcr:content

${pageProperties['iparsys/custom_tag/tagcontent']}

View solution in original post

18 Replies

Avatar

Employee

Can you share a bit more code than this?

It is not clear to me exactly where the issue is.

Avatar

Employee Advisor

Where are you initializing the tagModel object ? If you are doing that in component HTML and expecting it to be available in base page then it won't be available since base page will always be rendered before the component inside the <body> tag.  You should initialize the model object in base page HTML itself.

Avatar

Level 4

file: custom_tag_template.html

<sly data-sly-use.customTagModel="com.barclays.aem.bccl.core.models.CustomtagModel">

     ${customTagModel.tagcontent}  <-- this works fine, i can see tagcontent on page   

        <template data-sly-template.tag>

                 ${customTagModel.tagcontent}                  <--so I made it a template

       </template>

</sly>

file: basePage.html

calling template values using data-sly-call, since template is present other file data-sly-use is used

<sly data-sly-use.tags="/apps/myproject/components/content/custom_tag/custom_tag_template.html"> 

<sly data-sly-call='${tags.tag @ tagContent="${properties.priority}"}'>    <--this is null

Avatar

Level 4

Kunal,

Please refer the code i sent now.

I am initializing the the tagModel in component html. retrieving value from it and creating template.

I tried initializing tagModel object in base page as well, but the values were null.

Avatar

Employee

Can you pass in the model into the template?

Avatar

Employee

You need to define parameters in your data-sly-template.

Also remember that only the data-sly-template gets executed when it is called externally.

Avatar

Level 4

I passed model into template.

How do i use model parameters in template so that when i call it externally, i get the model data?

Any reference to the same will be appreciated.

Avatar

Level 10

Thanks Feike for your awesome community help

Avatar

Level 4

hey Fieke,

Thanks for reference.

I am facing an issue here, i am passing the values of model class from base page to component template.

Since, the properties are not available in base page i am getting null.

Is there a way i can access child parsys properties from parent page.

Base page

     jcr:content

          parsys

               tagComponent  <-- i want to read this component properties in basePage.html

Avatar

Employee

Sure you can do something like ${pageProperties['a/b/c']}

Avatar

Level 4

So you mean:

${properties[jcr:content/iparsys/custom_tag].tagcontent}" ??

Avatar

Employee

${properties['jcr:content/iparsys/custom_tag/tagcontent']}

Avatar

Level 4

here "tagcontent" is a property for custom_tag component.

I tried all the approaches, but getting null.

${properties['jcr:content/iparsys/custom_tag'].tagcontent}

${properties['jcr:content/iparsys/custom_tag\tagcontent']}

Still no luck.

Avatar

Correct answer by
Employee

try page properties, without jcr:content

${pageProperties['iparsys/custom_tag/tagcontent']}

Avatar

Level 4

It worked.

Thanks a lot for your valuable support, time and patience.

Avatar

Level 4

Something more complex with this:

Though earlier answer was right. Just an extension of the same.

What if we have many or more than 1 custom_tag components available in iparsys?

Avatar

Employee

It is the same, the path is unique.