Output HTML attribute name with HTL | Community
Skip to main content
Level 3
May 31, 2017 11:34 PM UTC
Solved

Output HTML attribute name with HTL

If I want to output the attribute name via HTL, how do I go about doing this?

For example I want to be able to specify the meta tag as either <meta name=.. or <meta property=....

When I try this...

<meta ${metadata.metaTypeName}="${metadata.metaTypeNameValue}" content="${metadata.metaContentValue}" />

It renders in the HTML source as...

<meta ${metadata.metaTypeName}="metaTypeNameValue1" content="contentValue1"/>

The second two properties render fine, but the first one isn't getting evaluated.  Any thoughts?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Feike_Visser1
Feike_Visser1Accepted solution
Employee
Jun 1, 2017 6:12 AM UTC

You can pass in a Map to data-sly-attribute, that should do the trick.

To set multiple attributes, pass a map object hold key-value pairs corresponding to the attributes and their values. For example, assuming,

attrMap = {

    title: "myTitle",

    class: "myClass",

    id: "myId"

}

Then,

<div data-sly-attribute="${attrMap}"></div>

5 replies

Level 3
Jun 1, 2017 11:32 AM UTC

That worked.  Thanks Feike!

Translate
Feike_Visser1
Feike_Visser1Accepted solution
Employee
Jun 1, 2017 6:12 AM UTC

You can pass in a Map to data-sly-attribute, that should do the trick.

To set multiple attributes, pass a map object hold key-value pairs corresponding to the attributes and their values. For example, assuming,

attrMap = {

    title: "myTitle",

    class: "myClass",

    id: "myId"

}

Then,

<div data-sly-attribute="${attrMap}"></div>

Translate
MC_Stuff
Level 10
Jun 1, 2017 3:48 AM UTC

Hi Joshua,

data-sly-attribute at https://docs.adobe.com/docs/en/htl/docs/block-statements.html might help.

Thanks,

Translate
Level 3
Jun 1, 2017 1:28 AM UTC

Yes, I'm referencing a valid object.  It seems like it might have something to do with updating an attribute name, as the other attribute values are working fine.  Let me know if you have any other thoughts.

Translate
smacdonald2008
Level 10
Jun 1, 2017 1:19 AM UTC

Check the Spec to gain access to objects -- htl-spec/SPECIFICATION.md at master · Adobe-Marketing-Cloud/htl-spec · GitHub

Are you referencing a valid object.

Translate