将数组放在刀片模板的属性内

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

例如，您可以将数组作为变量$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">

Answer 2

您可以在刀片服务器标签的开头使用escape符号@来刀片服务器模板中的数据。

所以在您的情况下：

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

刀片不会处理此标签中的所有数据。