Вы здесь

Как хранить angularjs-переменные в twig-шаблонах ?

0

Добрый день.

Столкнулся с небольшой проблемой - при использовании переменных из angular.js в twig-шаблонах могут возникать ошибки.
Например, если в шаблоне написать что-то вроде {{name | uppercase}} (это ангуляр-переменная c фильтром), то при открытии этой страницы twig ругается на ошибку.

Я нашел два решения этой проблемы.
1. Выводить эти переменные через ng-bind. Например, так:

<span ng-bind="(name|uppercase)"></span>

Но этот способ мне кажется не очень наглядным

  1. Обрамить эту ангуляр-переменную специальными тэгами
    {% verbatim %}
        {{ name | uppercase }}
    {% endverbatim %}

Этот способ тоже как-то не очень ... Если этих переменных в twig-шаблоне будет довольно много, то исходник шаблона будет выглядеть не очень красиво.

Вот прошу поделиться опытом тех, кто работает с ангуляр-переменными и twig-шаблонами.
Каким образом вы решаете эту задачу ?

Версия Drupal: 
8.x
Категория: 
Theming
Вопрос задан 11.10.2016 - 15:40

Ответы

1

Лучшим вариантом будет переопределить теги для ангуляра - смотри пример http://stackoverflow.com/a/13671817
И использовать для него [[ и ]] или {[{ и }]} или // и //

Ответ дан 11.10.2016 - 18:51
Аватар пользователя drupby
drupby
456