Conditionally rendering a HEEX template slot

Khi làm việc với HEEX trong Phoenix LiveView, developers thường dựa vào biểu thức {nil} để không render gì khi giá trị không tồn tại. Tuy nhiên, HEEX chuyển nil thành một chuỗi khoảng trắng thay vì chuỗi rỗng, nên thẻ vẫn xuất hiện dưới dạng một dấu space. Điều này làm mất hiệu quả của selector CSS :empty, vì phần tử không còn thực sự rỗng và không thể dùng để hiển thị nội dung placeholder theo cách điều kiện. Kết quả là không thể chỉ dùng :empty để thay đổi giao diện khi slot rỗng, buộc phải viết logic điều kiện phức tạp hơn trong template. Bài học là thay vìหวัง nil sẽ tạo ra khoảng trắng rỗng, nên sử dụng các khối if/else hoặc gán giá trị placeholder rõ ràng để kiểm soát việc render và duy trì khả năng dùng :empty khi cần thiết.