BLOCS | data-loop

data-loop

　タグ記法　コメント記法

data-loopで指定したオブジェクトや配列データの個数分、データ属性を記述したタグを繰り返し処理します。テーブル表示やリスト表示などの繰り返し表示に利用できます。繰り返し処理で、Laravelのループ変数（$loop->index, $loop->first, $loop->lastなど）が使えます。

Example

/resources/views/example.blocs.html
4行目タグ記法で記述

<html>
<table>
    <tbody>
    <tr data-loop=$people>
        <td data-val=$loop->index>1</td>
        <td data-val=$person->name>田中太郎</td>
        <td data-val=$person->age>99</td>
    </tr>
    </tbody>
</table>
</html>

/routes/web.php

Route::get('/blocs', function () {
    $people = People::all();
    return view('example', compact('people'));
});

http://127.0.0.1:8000/blocs

<html>
<table>
    <tbody>
    <tr>
        <td>0</td>
        <td>鈴木一郎</td>
        <td>32</td>
    </tr>
    <tr>
        <td>1</td>
        <td>高橋二郎</td>
        <td>21</td>
    </tr>
    </tbody>
</table>
</html>