Поместите массив в атрибут шаблона лезвия

Question

У меня проблема с тем, чтобы установить изображение как массив внутри атрибута в шаблоне блейда.Обычно мы используем это внутри HTML-кода

<div data-zs-src='["fronend/image/1.jpg", "fronend/image/2.jpg", "fronend/image/3.jpg"]' data-zs-overlay="dots">
    <!--some code-->
</div>

Может кто-нибудь сказать мне, как это сделать в шаблоне Blade?

Answer 1

Вы можете escape данные в своих шаблонах блэйдов, используя символ @ в начале тега блэйдов.

В вашем случае:

<div data-zs-src='@{{ ["fronend/image/1.jpg", "fronend/image/2.jpg", "fronend/image/3.jpg"] }}' data-zs-overlay="dots">
    <!--some code-->
</div>

Все данные вэтот тег не будет обрабатываться лезвием.

Answer 2

Например, вы можете отправить свой массив в представление blade-сервера как переменную $my_array, а затем присоединить его к атрибуту.

В действии:

$my_array = "[".implode(',', ["fronend/image/1.jpg", "fronend/image/2.jpg", "fronend/image/3.jpg"])."]";

В представлении:

<div data-zs-src='{{ $my_array }}' data-zs-overlay="dots">

Если у вас статический массив и вы вызываете свое представление напрямую, вы можете определить переменную внутри блейда, например:

@php $my_array = "[".implode(',', ["fronend/image/1.jpg", "fronend/image/2.jpg", "fronend/image/3.jpg"])."]" @endphp

<div data-zs-src='{{ $my_array }}' data-zs-overlay="dots">