0

ショッピング カートの製品のテーブルをレンダリングする 2 つのバックボーンの入れ子になったビューがあります。すべてのビューには独自のアンダースコア テンプレートがあります。カートが空の場合、メイン ビューのみがレンダリングされ、空の div が「cart is empty」に置き換えられます。残念ながら、次の解決策は機能しませんでした。

<div class="container">    
    <div class="twelve columns">
        <table class="standard-table">
            <thead>
                 <tr>
                    <th>Remove</th>
                    <th>Product code</th>
                    <th>Name</th>
                    <th>Price</th>
                    <th>Quantity</th>
                    <th>Total</th>
                </tr>                  
            </thead>
          <tbody class="cart-table-body">       

          <% if (typeof(product_id)=="undefined") { %>
               <tr>
                  <td>cart is empty</td>                
               </tr>   
          <% } %>

         </tbody>

        </table>
   </div>
</div>

ネストされたテンプレート

    <td><i class="icon-remove-sign"></i></td>
    <td><%= product_id %></td>
    <td><%= product_name %></td>
    <td><%= price %></td>
    <td><%= quantity %></td>
    <td><%= price*quantity %></td>
4

1 に答える 1

0

product_id最初のテンプレートに渡すことは決してないと思います。つまり、常に表示されますcart is empty。テンプレートがカートが空であるかどうかをチェックできるように、products_lengthまたはのようなフラグ変数をそこに渡す必要があります。empty_cart

また、このアプローチでは、最初の製品を追加するかどうかを確認する方法が必要です。その場合、cart-table-body( cart is emptymessage) の既存の内部を最初に追加された製品ビュー要素に置き換えます。次に、次の要素のビューを追加します。

于 2013-09-15T18:40:22.790 に答える