A

Anonymous

Rendring code in html template sightly

Hi All,

Good evening!!!

Need small help on sighlty,

Created one component with below content and have to render layout based on selector as layout3, actually layout3 is objevalue.

So layout3 component should be executed with below content but is the object is not rendering in layout3.

<li>KEY: ${keyName}, VALUE: ${myObj.name[keyName]}</li>

It is working fine if put code in one component with out selector.

Thanks in advance.

Nani.

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

Level 10

check the HTL spec - it talks about use of selectors:

Community Manager

Please have a look at this post,

//Display different markup in HTML Template Language (HTL formerly known as Sightly) based on a Sling selector

Also Refer to the documentation here :-

//

Add (or replace) a selector:

<article data-sly-resource="${'path/to/resource' @ selectors='selector'}"></article>
Code samples are intended for illustration purposes only.

Add, replace or remove multiple selectors:

<article data-sly-resource="${'path/to/resource' @ selectors=['s1', 's2']}"></article>
Code samples are intended for illustration purposes only.

Add a selector to the existing ones:

<article data-sly-resource="${'path/to/resource' @ addSelectors='selector'}"></article>
Code samples are intended for illustration purposes only.

Remove some selectors from the existing ones:

<article data-sly-resource="${'path/to/resource' @ removeSelectors='selector1'}"></article>
Code samples are intended for illustration purposes only.

Remove all selectors:

I hope this would help you.

Thanks and Regards

Kautuk Sahni

Level 7

Before calling the other component with selectors try to define a template:

<template data-sly-template.objectValue="${@ key, value}">

Sign up