Как создать повторно используемый компонент Twig

Я работаю над приложением Symfony 3, которое использует Twig для рендеринга. Чтобы сделать код более читабельным и многократно используемым, мне нужно разделить экран на маленькие части, части, которые можно было бы использовать на других экранах (например, виджет часов). Сначала это кажется простым, я мог бы использовать включают Метод Twig для включения этой части кода. Проблема в том, что мои часы используют для работы определенные скрипты CSS и JS.

Как лучше всего создать повторно используемые компоненты, состоящие из HTML, CSS и JS? Спасибо заранее!

2

Решение

В Twig нет концепции или подхода «Компонент», но все же вы можете инкапсулировать код CSS + HTML + JS в один файл и включают это как отдельный фрагмент кода:

<style>...</style> {# or use <link href="..."> #}
<div>...</div>
<script>...<script> {# or use <script src="..."> #}

Тем не менее, вероятно, Twig не является правильным инструментом для достижения этой цели, и вам следует взглянуть на некоторую среду интерфейса (например, VueJS). https://vuejs.org/v2/guide/index.html) путем передачи данных через атрибуты HTML.

1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector