カスタムコンポーネントのjsファイルでcurrentPageのtitleプロパティを参照するにはどうすればよいですか？

Question

私はサイドバーのように機能する半カスタムリストコンポーネントをAEMに作成しています。現在のページへのリンクかどうかに応じて、リストアイテムにアクティブなクラスを追加したいと思います。私はcurrentPage.titleをhtmlで、currentPage.getTitle()をJSPで参照する方法を知っています。

コンポーネントの別のclientlibs jsファイルのcurrentPageタイトルプロパティを参照する簡単な方法がありませんか？

すべてのページに、参照するタイトルタグまたは厳密なhtml要素があるわけではないので、私はそのルートを下る前にaemプロパティを使用したいと思います。

Answer 1

Clientlibsにはブラウザで実行されるjsコードが含まれているため、currentPageのようなjsp/htl実行中にサーバーでのみ使用できるオブジェクトにはアクセスできません。

これを実現する方法の1つは、HTLのhtml要素の属性にこれらの値を入れ、後でjsにアクセスすることです。

DOM要素の属性の

<div id="titleHolder" data-page-title="${currentPage.title}"> 

sightly-で、それはjs-

var pageTitle = $("#titleHolder").data("page-title"); 

にアクセスするには、また、代わりにJavaScriptオブジェクトでこれらを置くことができます。