So rendern Sie Template-Komponentenvariablen als HTML

Entwickler
1

Hey!

Kurze Frage dazu.

Ich habe diesen Code hier:

<script
  type="text/x-handlebars"
  data-template-name="/connectors/discovery-below/sidebar"
>
{{#if missions}}
        <h2>{{#if userName}}{{i18n (theme-prefix "sidebar.back")}} {{userName}} {{/if}}!</h2>
        <p>Voici vos missions:</p>
        <div class="mission">
            <h3>Mission du jour: {{missions.daily.mission.label}}</h3>
            <p>
                {{missions.daily.mission.description}}
            </p>
        </div>
    {{/if}}
</script>

Alles ist in Ordnung, außer dass meine Variable „description

2

Da Handlebars ursprünglich dafür entwickelt wurde, HTML zu generieren, werden Werte, die von einem {{expression}} zurückgegeben werden, maskiert. Wenn Sie nicht möchten, dass Handlebars einen Wert maskiert, verwenden Sie den „Triple-Stash

3

Es gibt htmlSafe:

https://api.emberjs.com/ember/release/functions/@ember%2Ftemplate/htmlSafe