Question

我有以下表情：

 <li data-sly-call="${linkTemplate.dynamicLink @ section='education', 
    url='/en/life-career-events.html', text=${'comp.masthead.navigation.home' @ i18n}}">
 </li>

dynamiclink模板如下：

<div data-sly-template.dynamicLink="${@ section, url, text}"
     data-sly-use.membersNav="${'com.comp.cms.component.masthead.MembersNavigation' @ section=section}">
  <a data-sly-attribute.class="${membersNav.cssClass}" href="${url}">${text}</a>
</div>

这不起作用，因为text=${'comp.masthead.navigation.home' @ i18n}没有被评估为字符串，然后传递给动态链接。

这可能吗？我可以评估并分配给变量，还是在我想评估i18n查找时是否必须创建新模板？

Answer 1

Sightly 1.1不允许在表达式中使用表达式，并且暂时没有计划改变它。

黑客攻击解决方案：

有一个技巧：data-sly-test可以（ab）用于设置变量。这不是一个真正推荐的方法，除非你有一个真实的条件，因为这会误导读取模板的人认为意图是有一个实际的条件。

诀窍就是这样：可以向data-sly-test提供一个标识符，它将测试结果公开为变量。此外，data-sly-test将被视为true，除非结果字符串为空。

例如：

<p data-sly-test.spanishAsset="${'Asset' @ i18n, locale='es'}">${spanishAsset}</p>

输出：

<p>Recurso</p>

所以在你的情况下，你可以写：

<li data-sly-test.linkText="${'comp.masthead.navigation.home' @ i18n}"
    data-sly-call="${linkTemplate.dynamicLink @ section='education', 
url='/en/life-career-events.html', text=linkText}">
</li>

更清洁的解决方案

由于您可能不想向该模板的所有用户解释他们必须编写这样的黑客，而不是为翻译和非翻译文本分别设置两个模板，您可以使用可选的模板参数。所以你可以为...有一个noI18n可选参数。

然后，电话会尽可能简单：

<!--/* Translating would be the default behavior */-->
<li data-sly-call="${linkTemplate.dynamicLink @
    section='education', 
    url='/en/life-career-events.html',
    text='comp.masthead.navigation.home'}"></li>
<!--/* Or translating could be turned off */-->
<li data-sly-call="${linkTemplate.dynamicLink @
    section='education', 
    url='/en/life-career-events.html',
    text='my text...',
    noI18n=true}"></li>

对于这两种情况，模板将有两个data-sly-test条件（请注意，可以在AEM 6.1 +中删除data-sly-unwrap属性）：

<div data-sly-template.dynamicLink="${@ section, url, text, noI18n}"
     data-sly-use.membersNav="${'com.comp.cms.component.masthead.MembersNavigation'
         @ section=section}">
    <a href="${url}" data-sly-attribute.class="${membersNav.cssClass}">
        <sly data-sly-test="${noI18n}" data-sly-unwrap>${membersNav.text}</sly>
        <sly data-sly-test="${!noI18n}" data-sly-unwrap>${membersNav.text @ i18n}</sly>
    </a>
</div>

或者，为了使模板尽可能简单并删除这些条件，您还可以使用-App进行翻译，具体取决于noI18n可选参数：

<div data-sly-template.dynamicLink="${@ section, url, text, noI18n}"
     data-sly-use.membersNav="${'com.comp.cms.component.masthead.MembersNavigation'
         @ section=section, noI18n=noI18n}">
    <a href="${url}" data-sly-attribute.class="${membersNav.cssClass}">
        ${membersNav.text}
    </a>
</div>

翻译字符串的逻辑的正确代码是：

Locale pageLang = currentPage.getLanguage(false);
I18n i18n = new I18n(slingRequest.getResourceBundle(pageLang));
String text = i18n.get("Enter a search keyword");

评估表达式并在Sightly AEM中作为参数传递

1 个答案: