Угловой пользовательский бутстрап Модаль не работает с AEM и наглядно

Question

В моем приложении я использую Angular UI bootstrap с AEM и имея видимые параметры в том же самом.

Проблема заключается в том, что когда я пытаюсь получить доступ к видимым параметрам внутри тега script пользовательского интерфейса, он не изменяет видимые параметры.

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

Эта специфическая проблема существует с Sightly с AEM и угловым. Может ли кто-нибудь предложить, как сделать Модальную работу для Angular + AEM + визитной карточкой?

Помощь будет высоко оценена.

Answer 1

В соответствии с specification использование data-sly-include приведет к замене содержимого тега <script> содержимым включенного сценария.

Если вы хотите использовать HTL/шаблоны из красивых template.html вы должны вместо этого написать data-sly-use.tpl="template.html"

Answer 2

Во-первых, для использования шаблонов, используйте data-sly-use вместо data-sly-include.

Во-вторых, HTL (Sightly) избегает выражений по умолчанию в зависимости от контекста, в котором они используются. Вы можете явно указать контекст, используя опцию context, как показано ниже.

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

Более подробная информация о Display Context can be found here и информации о Template and Call here.