将参数从Sightly传递给JavaScript函数

Question

我可以不带参数地从Sightly调用JavaScript函数，例如

<div
    data-sly-use.ResourceUtils="/libs/wcm/foundation/components/utils/ResourceUtils.js"
    data-example="${ResourceUtils.aFunction}" />

但我想调用一个名为'getResource‘的函数，它接受1个参数。

如何在Sightly中处理此函数，并传入此参数？

Answer 1

基本上，您可以通过使用"this.“来访问参数，例如：

您的html将如下所示：

<div data-sly-use.ResourceUtils="${'/libs/wcm/foundation/components/utils/ResourceUtils.js' @ arg='argument'}" data-example="${ResourceUtils.aFunction}" />

而JS将是：

use( function () {
  var argument = this.arg;