วิธีการใช้ถ้าคำสั่งในแม่แบบ underscore.js?

ฉันใช้ฟังก์ชัน underscore.js templating และได้ทำเทมเพลตเช่นนี้:

<script type="text/template" id="gridItem">
    <div class="griditem <%= gridType %> <%= gridSize %>">
        <img src="<%= image %>" />
        <div class="content">
            <span class="subheading"><%= categoryName %></span>
            <% if (date) { %><span class="date"><%= date %></span><% }  %>
            <h2><%= title %></h2>
        </div>
    </div>
</script>

อย่างที่คุณเห็นฉันมีคำสั่ง if ในนั้นเพราะโมเดลของฉันทั้งหมดไม่มีพารามิเตอร์วันที่ date is not definedอย่างไรก็ตามวิธีการทำเช่นนี้มันทำให้ผมมีข้อผิดพลาด ดังนั้นฉันจะทำอย่างไรถ้าข้อความภายในเทมเพลต?

สิ่งนี้ควรทำเคล็ดลับ:

<% if (typeof(date) !== "undefined") { %>
    <span class="date"><%= date %></span>
<% } %>

โปรดจำไว้ว่าในแม่แบบ underscore.js ifและforเป็นเพียงไวยากรณ์จาวาสคริปต์มาตรฐานที่ห่อด้วย<% %>แท็ก

หากคุณต้องการสั้นลงถ้ามีคำสั่ง else คุณสามารถใช้ชวเลขนี้:

<%= typeof(id)!== 'undefined' ?  id : '' %>

มันหมายถึงการแสดง ID ถ้าถูกต้องและว่างเปล่าถ้ามันไม่ได้

ขึ้นอยู่กับสถานการณ์และหรือสไตล์ของคุณคุณอาจต้องการใช้การพิมพ์ภายใน<% %>แท็กของคุณเพราะจะช่วยให้การส่งออกโดยตรง ชอบ:

<% if (typeof(id) != "undefined") {
     print(id);
}
else {
    print('new Model');
} %>

และสำหรับข้อมูลโค้ดดั้งเดิมที่มีการต่อข้อมูลบางส่วน:

<% if (typeof(date) != "undefined") {
    print('<span class="date">' + date + '</span>');
} %>

นี่คือการตรวจสอบง่ายๆถ้า / อื่นใน underscore.js ถ้าคุณจำเป็นต้องมีการตรวจสอบเป็นโมฆะ

<div class="editor-label">
    <label>First Name : </label>
</div>
<div class="editor-field">
    <% if(FirstName == null) { %>
        <input type="text" id="txtFirstName" value="" />
    <% } else { %>
        <input type="text" id="txtFirstName" value="<%=FirstName%>" />
    <% } %>
</div>

การตอบสนองต่อ blackdivine ด้านบน (เกี่ยวกับวิธีสรุปผลลัพธ์) คุณอาจได้พบคำตอบของคุณแล้ว (ถ้าเป็นเช่นนั้นน่าอายที่คุณไม่แบ่งปัน!) แต่วิธีที่ง่ายที่สุดคือการใช้ตัวดำเนินการโมดูลัส ตัวอย่างเช่นคุณกำลังทำงานใน for for loop:

<% for(i=0, l=myLongArray.length; i<l; ++i) { %>
...
<% } %>

ภายในลูปนั้นเพียงแค่ตรวจสอบค่าดัชนีของคุณ (ในกรณีของฉัน):

<% if(i%2) { %>class="odd"<% } else { %>class="even" <% }%>

การทำเช่นนี้จะตรวจสอบส่วนที่เหลือของดัชนีของฉันหารด้วยสอง (สลับระหว่าง 1 และ 0 สำหรับแต่ละแถวดัชนี)

คุณสามารถลอง_.isUndefined

<% if (!_.isUndefined(date)) { %><span class="date"><%= date %></span><% } %>

จากที่นี่ :

"คุณยังสามารถอ้างถึงคุณสมบัติของวัตถุข้อมูลผ่านวัตถุนั้นแทนที่จะเข้าถึงพวกมันเป็นตัวแปร" หมายความว่าสำหรับกรณีของ OP สิ่งนี้จะใช้ได้ (โดยมีการเปลี่ยนแปลงเล็กน้อยกว่าโซลูชันที่เป็นไปได้อื่น ๆ ):

<% if (obj.date) { %><span class="date"><%= date %></span><% }  %>

เพื่อตรวจสอบค่าว่างคุณสามารถใช้_.isNullจากเอกสารอย่างเป็นทางการ

isNull_.isNull(object)

ผลตอบแทนจริงถ้าค่าของวัตถุเป็นโมฆะ

_.isNull(null);
=> true
_.isNull(undefined);
=> false