AEM - HTL JavaScript Use-API | AEM Community Discussion

Avatar

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,204 likes

Total Posts

6,402 posts

Correct reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile

Avatar
Establish
Community Manager
kautuk_sahni
Community Manager

Likes

1,204 likes

Total Posts

6,402 posts

Correct reply

1,147 solutions
Top badges earned
Establish
Coach
Originator
Contributor 2
Contributor
View profile
kautuk_sahni
Community Manager

08-06-2020

BlogImage.jpg

AEM - HTL JavaScript Use-API by AdobeDocs

Abstract

he HTML Template Langugae (HTL) JavaScript Use-API enables a HTL file to access helper code written in JavaScript. This allows all complex business logic to be encapsulated in the JavaScript code, while the HTL code deals only with direct markup production.
A Simple Example
We define a component, info , located at
/apps/my-example/components/info
It contains two files:
1. info.js : a JavaScript file that defines the use-class.
2. info.html : an HTL file that defines the component info . This code will use the functionality of info.js through the use-API.

/apps/my-example/component/info/info.js

"use strict";
use(function () {
var info = {};
info.title = resource.properties["title"];
info.description = resource.properties["description"];
return info;
});

Read Full Blog

AEM - HTL JavaScript Use-API

Q&A

Please use this thread to ask the related questions.

Replies

Avatar

Avatar
Boost 1
Level 1
SiriusRex
Level 1

Like

1 like

Total Posts

16 posts

Correct reply

1 solution
Top badges earned
Boost 1
Give Back
Validate 1
Affirm 1
View profile

Avatar
Boost 1
Level 1
SiriusRex
Level 1

Like

1 like

Total Posts

16 posts

Correct reply

1 solution
Top badges earned
Boost 1
Give Back
Validate 1
Affirm 1
View profile
SiriusRex
Level 1

19-05-2021

Like in the example, I have created a .js file that lives in the component folder. It works on my localhost:4502, but when I open the page at localhost:4503, nothing from the component shows up. 

Here are the component files:

/[my directory]/components/content/scheduler/scheduler.html

/[my directory]/components/content/scheduler/scheduler.js