Có nhiều trường hợp bạn đang gửi HTML từ bộ điều khiển đến chế độ xem phiến. Trong trường hợp đó, bạn cần kết xuất HTML vào laravel blade

Bây giờ nếu bạn sử dụng kiểu biến hiển thị thông thường là {{$content}}, bạn sẽ nhận thấy rằng nó sẽ không hiển thị HTML nhưng sẽ hiển thị chính văn bản HTML

{{ $content }} gets converted to 

//which will not render HTML which contains in the $content variable but will show HTML as text

Mục lục

Làm cách nào để hiển thị HTML trong Laravel Blade?

Để hiển thị HTML trong laravel blade, bạn cần sử dụng {!! $content !!}. Sử dụng điều đó, bạn có thể hiển thị HTML trong lưỡi kiếm. Đây là ví dụ

{!! $content!!} gets converted to 

//which will render the HTML contains in the $content variable

Phần kết luận

Trong bài viết trên, chúng ta đã thảo luận về cách hiển thị HTML trong laravel blade. Hãy cho tôi biết nếu bạn có bất kỳ câu hỏi nào trong phần bình luận

Chế độ xem của Laravel cho phép bạn viết mã html và giúp bạn tách lớp kinh doanh của mình với lớp trình bày. Bộ điều khiển Laravel xử lý tất cả logic nghiệp vụ của bạn và chuyển các biến cho các chế độ xem

Chế độ xem lấy các biến được bộ điều khiển truyền và trình bày chúng độc đáo ở định dạng html. Laravel sử dụng công cụ mẫu lưỡi để viết khối html. Blade template engine nhanh và có những ưu điểm sau

• cú pháp dễ hiểu
• bạn có thể xác định các phần
• mở rộng hoặc bao gồm các chế độ xem
• thoát html
• vòng lặp và câu lệnh if

Truyền dữ liệu từ bộ điều khiển để xem

Trước tiên, hãy tìm hiểu cách hiển thị chế độ xem và chuyển một số dữ liệu cùng với chế độ xem. Sau đây là một bộ điều khiển mẫu hiển thị tệp xem bằng cách chuyển một số biến vào tệp xem laravel

 "Home Page",
            "message" => "Hello World"
        ]);
    }
}

Trong ví dụ trên, chúng tôi đang hiển thị chế độ xem bảng điều khiển và chúng tôi chuyển hai biến có tên là tiêu đề và thông báo. Trong chế độ xem của laravel, các tệp được đặt trong thư mục tài nguyên/lượt xem

Chúng ta hãy xem tập tin xem lưỡi cắt mẫu

    
        
    
    
        
{{ $message }}
    

Trong ví dụ trên, chúng tôi đã sử dụng các biến được truyền qua bộ điều khiển và hiển thị một số html cùng với nó. Về cơ bản, các chế độ xem phiến dịch các biến và hiển thị đầu ra html trên trình duyệt

Hiển thị dữ liệu trong chế độ xem phiến

Các biến có thể được xuất đơn giản bằng cách sử dụng hai dấu ngoặc nhọn và có tiền tố là ký hiệu $. Bạn có thể sử dụng các bộ lọc để áp dụng thêm bất kỳ logic bổ sung nào đối với biến

{{ $variable or 'Default Value' }}

Xác định bố cục

Khi bạn làm việc trên một dự án, bạn có thể muốn xác định chế độ xem chính có thể được đưa vào các bố cục khác. Mục tiêu của chúng tôi là sử dụng ít cú pháp hơn và loại bỏ mã trùng lặp. Bạn có thể xác định bố cục chính như thế này

    
        

        @section('meta_tags')
            
        @show

        @section('styles')
            
        @show

        @section('scripts')
            
        @show
    
    
        @yield('content')
    

Mở rộng bố cục

Khi bạn có bố cục toàn trang, bạn có thể mở rộng bố cục đó trong chế độ xem con của mình để ghi đè các phần mặc định. Sau đây là một view con mẫu mở rộng bố cục. lưỡi. php xem tệp và ghi đè lên một số phần của nó

@extends('app')
@section('title', 'About Us')

@section('scripts')
    @parent
    
@show

@section('content')
    
This is my body content.
@endsection

câu lệnh if

Bạn cũng có thể sử dụng các câu lệnh if trong tệp xem lưỡi dao laravel của mình như thế này

@if (count($posts) === 1)
    Single Post
@elseif (count($posts) > 1)
    I have multiple posts!
@else
    I don't have any post!
@endif

vòng lặp

Bạn cũng có thể sử dụng các loại vòng lặp khác nhau trong chế độ xem lưỡi của laravel giống như bên dưới

Vòng lặp với continue hoặc break

Đôi khi bạn có thể muốn sử dụng câu lệnh continue hoặc break trong khi đang lặp. Bạn có thể sử dụng cú pháp sau cho mục đích đó

@foreach ($posts as $post)

    @if ($post->type == 1)
        @continue
    @endif

    @if ($user->type == 5)
        @break
    @endif

    
{{ $post->title }}

@endforeach


@foreach ($posts as $post)

    @continue($post->type == 1)
    @break($post->type == 5)

    
{{ $post->title }}

@endforeach

Biến vòng lặp

Khi lặp, bạn có sẵn một biến đặc biệt mà bạn có thể sử dụng cho các mục đích khác nhau như

• để biết chúng ta lặp mục đầu tiên hay mục cuối cùng
• để biết chỉ số vòng lặp hiện tại, v.v.

@foreach ($users as $user)
    @if ($loop->first)
        This is the first iteration.
    @endif

    @if ($loop->last)
        This is the last iteration.
    @endif

    
This is user {{ $user->id }}
@endforeach


@foreach ($users as $user)
    @foreach ($user->posts as $post)
        @if ($loop->parent->first)
            This is first iteration of the parent loop.
        @endif
    @endforeach
@endforeach

Mã PHP

Đôi khi bạn có thể muốn sử dụng mã php trong chế độ xem phiến của mình. Bạn có thể sử dụng khối mã sau để thực thi mã php

@php
    //
@endphp

Bao gồm các chế độ xem khác

Trong một số trường hợp để tránh mã trùng lặp, bạn có thể viết một chế độ xem nhỏ và sau đó đưa chế độ xem này vào tệp khác giống như bên dưới

    
        
    
    
        
{{ $message }}
    

ngăn xếp

Blade cho phép bạn đẩy dữ liệu bổ sung vào phần hiện có bằng cách sử dụng khối mã đẩy như bên dưới

    
        
    
    
        
{{ $message }}
    

Trừ khi

Đôi khi bạn muốn thực thi đoạn dữ liệu khi một số điều kiện được đáp ứng

    
        
    
    
        
{{ $message }}
    

dữ liệu JSON

Đôi khi bạn có thể muốn tạo biến javascript json bằng cú pháp sau

    
        
    
    
        
{{ $message }}
    

Cách sử dụng khác

Có một số cú pháp hữu ích khác mà bạn có thể thích

    
        
    
    
        
{{ $message }}
    

Tôi hy vọng bạn thích hướng dẫn này, hãy truyền bá và chia sẻ tình yêu của bạn. Cảm ơn bạn. Để tìm hiểu sâu hơn, hãy nhấp vào liên kết bên dưới

Làm cách nào để hiển thị HTML trong Blade Laravel?

{{ }} trong Laravel là gì?

Làm cách nào để chuyển thẻ HTML từ bộ điều khiển sang chế độ xem trong Laravel?

Làm cách nào để hiển thị chuỗi HTML trong Laravel?