Pada artikel kali ini kita akan membahasa pemanfaatan Blade Directive pada laravel.
Apasih blade directive itu? blade directive merupakan sebuah salah satu fitur yang disediakan oleh blade laravel. Blade directive sendiri merupakan salah satu fitur yang paling banyak digunakan. Directive sendiri biasanya di gunakan untuk menuliskan kode PHP dengan rikas. misal :
<?php foreach($categories as $category){....} ?>
Dengan blade directive, kita dapat meringkas penulisan syntax diatas menjadi seperti :
@foreach($categories as $category)
..........
@endforeach
Selain foreach , banyak directive lain yang dapat kita gunakan misal: @yield , @section , @if dan lain sebagainya.
Pada artikel ini kita akan coba menggunakan blade directive terbaru yaitu @selected .
catatan : directive @selected hanya bisa digunakan di laravel 9
Sebelum ada blade directive @selected biasanya kita menuliskan sebuah syntax dengan memanfaatkan ternary opertator atau menggunakan blade directive if seperti contoh dibawah :
// contoh menggunakan ternary operator
<x-select title="Category Product" name="category_id">
@foreach($categories as $category)
<option value="{{$category->id}}"
{{ $product->category_id == $category->id ? 'selected' : '' }}>
{{$category->name}}
</option>
@endforeach
</x-select>
// contoh menggunakan directive if
<x-select title="Category Product" name="category_id">
@foreach($categories as $category)
@if($product->category_id == $category->id)
<option value="{{$category->id}}" selected>
{{$category->name}}
</option>
@else
<option value="{{$category->id}}">
{{$category->name}}
</option>
@endif
@endforeach
</x-select>
Syntax diatas dapat berjalan dengan baik akan tetapi jika kita menggunakan laravel 9 kita dapat memangkas *** syntax tersebut agar menjadi lebih rapih dan mudah di baca***, Bagaimana caranya? disini kita akan menggunakan salah satu directive terbaru yang disediakan laravel 9 yaitu @selected, gimana gunaiinya? oke langsung aja kita coba :
<x-select title="Category Product" name="category_id">
@foreach($categories as $category)
<option value="{{$category->id}}"
@selected($product->category_id == $category->id)>
{{$category->name}}
</option>
@endforeach
</x-select>
Gimana lebih mudah dipahami kan menggunakan blade directive @selected ? selain syntax yg kita miliki menjadi rapih, syntax yang kita tuliskan juga mudah di baca dan di pahami.
Sampai disini dulu ya artikel kali ini, kita ketemu lagi di next artikel ya, kalo ada pertanyaan silahkan cantumkan di kolom komentar :D
Terima kasih.
Membangun Aplikasi Inventory Dengan Laravel & Tailwind CSS: https://santrikoding.com/ebook/membangun-aplikasi-inventory-dengan-laravel-tailwind-css?ref=8659VS4962