Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.

AEM - HTL JavaScript Use-API | AEM Community Discussion




AEM - HTL JavaScript Use-API by AdobeDocs


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
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.


"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


Please use this thread to ask the related questions.

Kautuk Sahni

Topics help categorize Community content and increase your ability to discover relevant content.

1 Reply


Level 2

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