如何在AEM组件中使用onclick方法

如何在AEM组件中使用onclick方法,aem,Aem,我有一个AEM6 html组件,我从对话框中获取值,通过.js文件在组件内部使用它,并使用返回属性 我可以获取编写的值,但在onclick方法中使用它时,它将变为null或空。请在下面找到下面的代码片段 <div data-sly-unwrap data-sly-use.test="test.js"></div> <a href="#" class="${test.testId}" id="${test.testId}" onClick="toggleDraw('

我有一个AEM6 html组件,我从对话框中获取值,通过.js文件在组件内部使用它,并使用返回属性

我可以获取编写的值,但在onclick方法中使用它时,它将变为null或空。请在下面找到下面的代码片段

<div data-sly-unwrap data-sly-use.test="test.js"></div>

<a href="#" class="${test.testId}" id="${test.testId}" onClick="toggleDraw('${test.testId}')" >

我编写的内容将显示在类和Id中,但它没有显示在onClick方法中

下面是我在创作后得到的输出

<a href="#" class="get-a-quote" id="get-a-quote" onClick="toggleDraw('')" >

我需要的输出是:

<a href="#" class="get-a-quote" id="get-a-quote" onClick="toggleDraw('get-a-quote')" >

这应该可以做到:

<a data-sly-test.variable123="toggleDraw('${test.testId}')" href="#" class="${test.testId}" id="${test.testId}" onclick="${variable123 @ context='attribute'}" >

由于嵌套的单引号,您需要将函数调用放入变量中。在这种情况下,您需要手动设置上下文。如果“属性”做了一些您不喜欢的转义,您可以使用“不安全”-这将导致所有转义机制被禁用。这可能是应用程序的安全问题,也可能不是


HTH

您的输出丢失。我编写的内容将显示在class和Id中,但不会显示在onClick方法中。下面是我在创作后得到的输出。我需要的输出是:不,请编辑您的问题并将代码粘贴到原始问题文本中,谢谢。有人能帮我解决这个问题吗?