Underscore.js şablonlarındaki ifadeler nasıl kullanılır?

Underscore.js şablonlama işlevini kullanıyorum ve böyle bir şablon yaptık:

<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>

Gördüğünüz gibi tüm modellerimde date parametresi bulunmayacağı için orada bir if ifadem var. Ancak bunu yapmanın yolu bana bir hata veriyor date is not defined. Peki, bir şablon içindeki ifadeler nasıl yapabilirim?

Bu hile yapmalı:

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

Underscore.js şablonlarında ifve foryalnızca standart javascript sözdiziminin <% %>etiketlere sarıldığını unutmayın .

Else if ifadesini kısaltmayı tercih ediyorsanız, bu kısayolu kullanabilirsiniz:

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

Geçerli olduğunda kimliği göstermek ve geçerli değilse boş göstermek anlamına gelir.

Duruma ve ya da tarzınıza bağlı olarak, doğrudan çıktıya izin verdiği için etiketlerinizin içinde yazdırmayı da kullanmak isteyebilirsiniz <% %>. Sevmek:

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

Ve bazı snippet ile orijinal snippet için:

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

Boş bir kontrol eklemeniz gerekiyorsa, underscore.js'de basit bir if / else check işte.

<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>

Yukarıda karartmaya yanıt vermek (birinin sonuçlarını nasıl şeritlendirmekle ilgili), cevabınızı zaten bulmuş olabilirsiniz (eğer öyleyse, paylaşmadığınız için utanç!), Ancak bunu yapmanın en kolay yolu modül operatörünü kullanmaktır. örneğin, bir for döngüsü içinde çalışıyorsunuz:

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

Bu döngü içinde, dizininizin değerini kontrol edin (i, benim durumumda):

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

Bunu yaptığınızda dizinimin geri kalanının ikiye bölünmesiyle (her dizin satırı için 1 ile 0 arasında geçiş yaparak) kontrol edilir.

Deneyebilirsiniz _.isUndefined

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

Gönderen burada :

Msgstr "Veri nesnesinin özelliklerine değişken olarak erişmek yerine bu nesne üzerinden de başvurabilirsiniz." OP'nin durumu için bunun işe yarayacağı anlamına gelir (diğer olası çözümlerden önemli ölçüde daha küçük bir değişiklikle):

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

Null değerleri denetlemek için şunu kullanabilirsiniz _.isNullgelen resmi belgeler

isNull_.isNull(object)

Nesnenin değeri null olursa true değerini döndürür.

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