chỉ hiển thị mục đầu tiên trong danh sách bằng cách sử dụng Mustache

Question

Tôi đang sử dụng công cụ mẫu bộ ria mép và tôi chỉ muốn hiển thị mục đầu tiên trong danh sách dài nhưng không thể tìm thấy tài liệu để làm như vậy?

nếu tôi sử dụng:

{{# links}}<a href="{{& url}}">{{& title }}</a>{{/ links}} 

tôi nhận được tất cả các liên kết, tuy nhiên tôi chỉ muốn là người đầu tiên được hiển thị, âm thanh dễ dàng, nhưng tôi không thể tìm thấy bất kỳ tài liệu về vấn đề này.

Answer 1

Giải pháp này đang làm việc với phiên bản mới của Mustache.js (chỉ):

mustache.render("{{a.0}}", {a: ['hi','world']}) 
=> 'hi' 

Answer 2

Moustache có không có logic, từ docs:

Chúng tôi gọi nó là "logic-less" vì không có câu lệnh if, khác khoản, hoặc cho vòng lặp. Thay vào đó chỉ có thẻ. Một số thẻ là được thay thế bằng một giá trị, một số không có gì và một số giá trị khác. Tài liệu này giải thích các loại thẻ Mustache khác nhau.

Vì vậy, những gì bạn chủ yếu muốn là một cơ chế để làm một if link is the first - vì vậy bạn có thể xử lý này ở phía bên dữ liệu, bằng cách chỉ đặt 1 phần tử trong dữ liệu của bạn, hoặc bằng cách thêm một đoạn dữ liệu như khi bạn đang ở đưa dữ liệu của bạn trong khi bạn thêm một giá trị như display và đặt nó vào 'inline' hoặc 'không' thì trong mẫu của bạn làm:

{{# links}}<a href="{{& url}}" style="display: {{display}};">{{& title }}</a>{{/ links}} 

sau đó, sau đó, bạn có thể gọi kịch bản trong trang để thay đổi style.display trên một số hành động của người dùng hoặc ứng dụng.

Đây là lần đầu tiên tôi có thể dễ dàng đặt data = data[0] cho mẫu cụ thể này. Vấn đề là bạn có thể muốn sử dụng toàn bộ danh sách đó tại một thời điểm nào đó, để nhận xét về điều đó tôi cần phải xem thêm cách sử dụng của bạn và nơi dữ liệu được điền từ đó.

Answer 3

Giải pháp @Millad được trình bày gần như làm việc cho tôi. Sử dụng handlebars.js mặc dù tôi đã phải sử dụng nó với dấu ngoặc vuông.

{{ a.[0] }} 

=> hello

res.render('view', { a: ['hello', 'world'] })