Angular UI Bootstrap Modal funktioniert nicht mit AEM und slichly

Question

In meiner Anwendung verwende ich Angular UI Bootstrap mit AEM und die sightly Parameter in der gleichen.

Das Problem ist, wenn ich versuche, die sightly Parameter innerhalb der script Tag der UI modal Es ist nicht rendernden die sightly Parameter.

< script type="text/ng-template" id="/view2.tpl" data-sly-include="template.html"> 
    ${properties.title} 
</script> 

Dieses spezielle Problem gibt es mit Sight mit AEM und eckig. Kann jemand vorschlagen, wie man ein Modal für Angular + AEM + sehend macht?

Hilfe wird sehr geschätzt.

Answer 1

Gemäß der specification wird durch die Verwendung von data-sly-include der Inhalt des Tags <script> durch den Inhalt des enthaltenen Skripts ersetzt.

Wenn Sie HTL/Sightly Vorlagen von template.html verwenden möchten, sollten Sie stattdessen data-sly-use.tpl="template.html"

Answer 2

Zuerst schreiben, für Vorlagen, verwenden Sie die data-sly-use statt data-sly-include.

Zweitens, HTL (Sightly) entzieht den Ausdrücken standardmäßig je nach dem Kontext, in dem sie verwendet werden. Sie können den Kontext explizit mit der Option context wie unten gezeigt angeben.

<script type="text/ng-template" id="/view2.tpl"> 
    <!--/* Use scriptString if you are using the value as a string */--> 
    ${properties.title @ context='scriptString'} 
    <!--/* In case you are trying to output an entire function or javascript, 
    there is no context specifically available for that. So, you can use the 
    unsafe option to disable escaping completely */--> 
    ${properties.title @ context='unsafe'} 
</script> 

Mehr Informationen über Display Context can be found here und Informationen zu Template and Call here.