sightly template to populate model class data | Community
Skip to main content
Level 4
August 18, 2017
Solved

sightly template to populate model class data

  • August 18, 2017
  • 18 replies
  • 7737 views

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.

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 Feike_Visser1

try page properties, without jcr:content

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

18 replies

Feike_Visser1
Adobe Employee
Adobe Employee
August 18, 2017

Can you share a bit more code than this?

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

Kunal_Gaba_
August 18, 2017

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.

Level 4
August 18, 2017

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

Level 4
August 18, 2017

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.

Feike_Visser1
Adobe Employee
Adobe Employee
August 18, 2017

Can you pass in the model into the template?

Feike_Visser1
Adobe Employee
Adobe Employee
August 18, 2017

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.

Level 4
August 18, 2017

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.

Feike_Visser1
Adobe Employee
Adobe Employee
August 18, 2017
smacdonald2008
Level 10
August 18, 2017

Thanks Feike for your awesome community help

Level 4
August 21, 2017

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