从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;