Express, tệp bố cục ngọc bích hiển thị nội dung nhưng không hiển thị đầu

Question

Vấn đề của tôi là tệp bố cục ngọc bích không hiển thị chính xác. Phần thân được hiển thị nhưng các thẻ đầu trong html được tạo ra trống. Tôi đã cố gắng để hiển thị tệp layout.jade một cách riêng biệt và nó hoạt động hoàn hảo.

Đây là tập tin layout.jade tôi

!!! 
html 
    head 
     title= title 
     link(rel='stylesheet', href='stylesheets/style.css') 
     script(type='text/javascript', src='javascripts/jquery-1.7.2.js') 
     link(rel='stylesheet', href='stylesheets/pictogram-button.css') 
body 
    header(style='padding-bottom:50px;') 
     include partials/header 
    section(style='min-height:600px;') 
     div!= body 
    footer.footer 
     include partials/footer 

Và đây là tập tin index.jade tôi

.line_h100t 
.column_wrap800 
    .round_box1_w800 
     .list_fl10 
      ul.line_h40 
       li(style='margin-left:20px;') 
        ul 
         li 
          img(src='/images/icon/whiteWithoutCircle/check.png') 
          img(src='/images/login/loginTxt.png') 
        ul.line_h40t 
         li(style='margin-left:50px;') 
          p 로그인이 필요하신 분은 
          p Oopa Roopa 관리팀으로 문의해 주세요! 
       li(style='border-left:1px solid #999; padding:0 0 0 20px;') 
        ul 
         li 
          span.text_yellow ID 
        ul 
         li 
          input.login_input(type='text') 
        ul.line_h35t 
         li 
          span.text_yellow PASSWORD 
        ul 
         li 
          input.login_input(type='password') 
       li 
        ul.line_h10t 
         a.button-bevel.transparency(href='#') 
          .line_h35 
           span.lock 
           p(style='width:100px;') LOGIN 

Và đây là các chức năng trong ứng dụng nhanh của tôi mà ám file index.

adminLogin : function (req,res) { 
    res.render('index', { 
     title: 'Admin Login', 
     pageCategory: 'Admin Login', 
     pageName : 'index' 
    }); 
}, 

Cảm ơn bạn đã giúp đỡ bạn.

Answer 1

Trong thể hiện 3, bố cục đã bị xóa theo ưu tiên thừa kế mẫu như được giải thích here. Ngọc bích readme mô tả cách hoạt động của tính năng này và một ví dụ khác là here.

Bạn cần thay thế div!= body bằng block body (hoặc tương tự). Sau đó, ở trên cùng của index.jade, bạn sẽ muốn thêm extends layout. Cuối cùng, hãy đặt nội dung của index.jade dưới tên block body (hoặc bất kỳ tên nào bạn đã sử dụng trong layout.jade).