handlebars.js - 使用纯 Handlebars 的html的条件类

Question

我正在使用 Handlebars 在服务器端渲染代码(无角度/ Ember )

我还能以某种方式拥有一些东西吗:<p dir="auto" {{#if isRTL: class=align-right}}>{{{content}}}</p>
我只想在bolean为true的情况下才拥有CSS类
类似于ember的bind-attr ...

没有它，代码是一团糟:

{{#if isRTL}}
    <p dir="auto" class="align-right>{{{content}}}</p>
{{else}}
    <p dir="auto">{{{content}}}</p>
{{#if}}

Answer 1

不必包装整个HTML元素。您可以只将class与if子句包装在一起。

<p dir="auto" {{#if isRTL}}class="align-right"{{/if}}>{{{content}}}</p>

仅当 class="align-right"为true时，才会呈现 isRTL属性。

此外，由于 Handlebars 是 mustache 的扩展，因此您可以使用:

<p dir="auto" {{#isRTL}}class="align-right"{{/isRTL}}>{{{content}}}</p>