Làm thế nào để sử dụng ý kiến ​​trong các mẫu Tay cầm?


134

Tôi đang sử dụng Handlebar.js làm công cụ tạo khuôn mẫu của mình. Bây giờ tôi muốn bình luận một số khối trong các mẫu tay cầm của tôi. Nhưng sau đó tôi nhận ra rằng Tay cầm không bỏ qua các biểu thức bên trong khối nhận xét Tay cầm. Bất kỳ cách giải quyết cho điều này?


Yêu cầu kéo này có thể bạn quan tâm.
Frédéric Hamidi

Nó không hỗ trợ các bình luận đa dòng nhưng không bỏ qua các biểu thức bên trong nó.
Abhidev

Câu trả lời:


201

Phiên bản mới nhất của Tay cầm có hỗ trợ bình luận khối:

{{!-- {{commented expressions}} --}}

https://github.com/wycats/handlebars.js/commit/a927a9b0adc39460f0794b9b210c9db2f7ddecd9


8
Cảm ơn jptsetung. Nó không hoạt động đầy đủ như tôi mong đợi một bình luận nhưng tôi đoán nó hoạt động cho mục đích của nó. Xem qua hướng dẫn này để xem cách các tay lái hoạt động đằng sau hậu trường. net.tutsplus.com/tutorials/javascript-ajax/ Cách . Có vẻ như các tay lái không hoàn toàn bỏ qua một dòng nhận xét vì nó vẫn đang tạo mã thông báo. Mã thông báo chỉ trống. Ví dụ: "{{! - Xin chào {{name}} -}}" tạo 1 mã thông báo trống. Chỉ cần nghĩ rằng nó đáng được đề cập nếu nó gây ra vấn đề cho bất cứ ai. Không biết nó sẽ như thế nào vì nó đằng sau hậu trường.
isimmons

51

Chỉ cần thêm một dấu chấm than sau dấu ngoặc mở.

Biểu hiện bình thường:

{{expressions}}

Nhận xét biểu hiện:

{{!expressions}}

25
Lưu ý rằng sự khác biệt giữa {{!{{!--các hình thức là chỉ có cái sau mới cho phép các thẻ điều khiển được nhúng. Vì điều đó sẽ dễ bị lãng quên, đặc biệt là trong một bình luận dài mà sau đó được sửa đổi, tôi sẽ đề nghị luôn luôn sử dụng mẫu bình luận dài hơn.
Darren Cook

31

Sử dụng cách này trong tệp mẫu tay cầm của bạn.

<div class="entry">
  {{!-- only output author name if an author exists --}}
  {{#if author}}
    <h1>{{author.firstName}} {{author.lastName}}</h1>
  {{/if}}
</div>

Các ý kiến ​​sẽ không được trong đầu ra kết quả. Nếu bạn muốn các bình luận xuất hiện, thì hãy sử dụng các bình luận HTML.

<div class="entry">
  {{! This comment will not be in the output }}
  <!-- This comment will be in the output -->
</div>

tham khảo liên kết này đến


-4

Sử dụng mã này:

{{#data}}
<!-- enter comments here  -->
<p>{{name}}</p>
{{/data}}  
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.