2013-03-20 37 views
25

Tôi đang sử dụng ngăn xếp đầy đủ Thymeleaf (mvc mùa xuân, bảo mật, phương ngữ bố cục, luồng web) trong một ứng dụng web cỡ trung bình.Cách thêm nhận xét mã nguồn trong các mẫu Thymleaf không được đưa vào HTML được tạo?

Ok..hãy nhớ rằng chúng tôi đặt quá nhiều mã trong các mẫu html, sẽ tốt hơn nếu đưa các nhận xét mã nguồn không được đưa vào tệp HTML được tạo.

Làm cách nào để đạt được điều đó?

+1

Vì điều đáng giá, trang Thymeleaf có diễn đàn riêng để hỗ trợ. Đó là lý do tại sao tôi đã xóa phần đầu tiên của tin nhắn của bạn và tại sao câu hỏi này có thể thu hút sự chú ý hơn ở đó. – madth3

Trả lời

2

Không thể có trong phiên bản ổn định hiện tại của Thymeleaf. Nó được lên kế hoạch cho phiên bản 2.1 như được đề cập trong Thymeleaf Issue 10

40

Phiên bản 2.1 được phát hành để bây giờ bạn có thể nâng cấp thư viện của mình và sử dụng nhận xét trong mã của bạn. Với phiên bản này nhà phát triển có thể sử dụng phân tích cú pháp cấp khối bình luận:

<!--/* This code will be removed at thymeleaf parsing time! */--> 

và nguyên mẫu chỉ khối bình luận:

<span>hello!</span> 
<!--/*/ 
    <div th:text="${...}"> 

</div> 
/*/--> 
<span>goodbye!</span> 

lời giải thích chi tiết có thể được tìm thấy trong các tài liệu chính thức ở đây: http://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html#comments-and-blocks

+0

Cảm ơn Rafal, đó là tính năng được nhiều người hoan nghênh. – prashant2402

3

Trước phiên bản 2.1, bạn có thể làm điều này

<th:block th:if="${false}"><!-- ignore me --></th:block> 

Rất xấu xí của nó (số th:block cần một sai th:if) nhưng hoạt động.

5

Như đã đề cập Rafal Borowiec bình luận khối mã HTML bạn nên sử dụng

<!--/* cái gì đó để bình luận */--> xây dựng (xem documentation).

Ngoài ra nó có thể nhận xét/loại bỏ mã javascript của bạn sử dụng thymeleaf với

/*[- cái gì đó để bình luận -]*/ xây dựng (xem documentation). Vì vậy, bạn có thể chú thích mã js của mình mà không bị rò rỉ bất kỳ thông tin nào

/*[- 
* 
* Some information about function. 
* 
* -]*/ 
function someFunction() { 
    console.log('Hello world'); 
}