[Bài đọc] Một số cú pháp khác trong Blade

2. Cơ bản về Laravel Framework

Chú thích

Blade cũng cho phép bạn tạo chú thích trong view. Tuy nhiên, không như chú thích của HTML, các chú thích của Blade không đi kèm trong nội dung HTML được trả về:

{{-- This comment will not be present in the rendered HTML --}}

PHP 

Trong một số trường hợp, bạn cần nhúng mã PHP vào trong view. Bạn có thể sử dụng directive @php để thực thi một khối mã PHP thuần trong template: 

@php   
 //
@endphp

Lưu ý: Blade cung cấp cách để nhúng một mã PHP vào trong view, tuy nhiên việc sử dụng nó thường xuyên cho thấy bạn có quá nhiều mã nguồn xử lý trong template, điều đó không tốt, hãy xem xét lại.

#Including Sub-Views 

Directive @include cho phép bạn chèn một view Blade vào trong một view khác. Tất cả các biến trong view cha đều được sử dụng trong view chèn thêm:

<div>
    @include('shared.errors')

    <form>
        <!-- Form Contents -->
    </form>
</div>

Mặc dù các view được chèn thêm sẽ được sử dụng tất cả các biến trong view cha, tuy nhiên bạn cũng có thể truyền thêm một mảng dữ liệu vào view đó:

@include('view.name', ['some' => 'data']) 

Tất nhiên, nếu bạn @include một view mà không tồn tại, Laravel sẽ ném ra lỗi. Nếu bạn không muốn include một view mà có thể không tồn tại, bạn  có thể sử dụng directive @includeIf:

@includeIf('view.name', ['some' => 'data'])

Lưu ý: Bạn nên tránh sử dụng hằng __DIR và __FILE trong view vì chúng sẽ tham chiếu tới vị trí file trong bộ nhớ, view được biên dịch lại.

Rendering Views For Collections

Bạn có thể kết hợp việc lặp và chèn thêm view bằng cách sử dụng directive @each:

@each('view.name', $jobs, 'job')

Tham số thứ nhất là view để đưa vào mỗi phần tử trong mảng hay collection. Tham số thứ hai là một mảng hay collection mà bạn muốn lặp. Tham số thứ ba là tên biến được gán vào mỗi vòng lặp trong view. Ví dụ, bạn muốn lặp một mảng tên là jobs, bạn cần truy xuất vào mỗi job thông qua biến job bên trong view.

Bạn cũng có thể truyền vào directive một tham số thứ tư, tham số này sẽ chỉ định view được đưa ra nếu mảng đưa vào là rỗng.

@each('view.name', $jobs, 'job', 'view.empty')

Stacks

Blade cho phép bạn đẩy các đoạn script vào một stack, các stack này có thể được đưa vào một vị trí nào đó trong view hoặc layout.

@push('scripts')
    <script src="/example.js"></script>
@endpush 

Bạn có thể dùng đoạn mã trên nhiều lần và mỗi lần như vậy nó sẽ đẩy vào directive @stack trong layout: 

<head>
    <!-- Head Contents -->

    @stack('scripts')
</head>

Service Injection

Directive @inject được sử dụng để lấy một service từ Laravel service container. Trong @inject tham số thứ nhất là tên biến service, tham số thứ hai là lớp hoặc interface của service mà bạn muốn lấy:

@inject('metrics', 'App\Services\MetricsService')

<div>
    Monthly Revenue: {{ $metrics->monthlyRevenue() }}.
</div>

Extending Blade

Blade cho phép bạn tạo mới một directive bằng cách sử dụng phương thức directive. Khi trình biên dịch gặp directive do người dùng tự tạo nó sẽ gọi callback được cung cấp với những tham số tương ứng:

Ví dụ dưới đây tạo một directive @datetime($var) để thực hiện định dạng biến $var là đối tượng của Datetime:

<?php

namespace App\Providers;

use Illuminate\Support\Facades\Blade;
use Illuminate\Support\ServiceProvider; 

class AppServiceProvider extends ServiceProvider
{
    /**
     * Perform post-registration booting of services.
     *
     * @return void
    */
    public function boot()
    {
        Blade::directive('datetime', function ($expression) {
            return "<?php echo ($expression)->format('m/d/Y H:i'); ?>";
        });
    }

   /**
     * Register bindings in the container.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}

Như bạn thấy, chúng tôi sẽ nối phương thức format vào bất bất kỳ biểu thức nào được đưa vào directive.Vì vậy trong ví dụ trên, mã php được tạo ra bởi directive sẽ là:

<?php echo ($var)->format('m/d/Y H:i'); ?> 

Lưu ý: Sau khi cập nhật mã lệnh của một directive Blade, bạn cần xóa hết tất cả các view blade trong bộ nhớ bằng cách sử dụng lệnh artisan  view:clear

Leave a Reply

Your email address will not be published. Required fields are marked *