0

Jade に for ループのコードを正しくインデントさせることができません。

div.container
    - var cell = 0
    - for(var i = 0; i < results.Items.Item.length; i++)
        - if(cell == 0)
            div.row
                div.span3
                    div.cell
                        span #{results.Items.Item[i].ItemAttributes.Title}
        - else
                    div.span3
                        div.cell
                            span #{results.Items.Item[i].ItemAttributes.Title}
        - if(cell < 3)
            - cell++;
        - else
            - cell = 0

else ステートメントのコードは div.row 内には入りませんが、代わりに div.container の下、または div.row と同じレベルでレンダリングされます。div.row 内でレンダリングするには、else ステートメントのコードが必要です。ジェイドにこれをさせるにはどうすればよいですか？

私がやろうとしているのは、div.row をレンダリングしてから、4 番目の div.cell (セル オブジェクトによってカウントされる) ごとに別の div.row をレンダリングすることです。

4

2 に答える 2

1

次のようにする必要があると思います：

div.container
    - var cell = 0
    - for(var i = 0; i < results.Items.Item.length; i++)
        div.row
            div.span3
                div.cell
                    span #{results.Items.Item[i].ItemAttributes.Title}

        - if(cell < 3)
            - cell++;
        - else
            div.row
            - cell = 0
于 2012-05-08T05:12:54.100 に答える
0

中かっこ「{」と「}」を使用する 

div.container
        - var cell = 0
        - for(var i = 0; i < results.Items.Item.length; i++){
            - if(cell == 0){
                div.row
                    div.span3
                        div.cell
                            span #{results.Items.Item[i].ItemAttributes.Title}
            - }
            - else{
                        div.span3
                            div.cell
                                span #{results.Items.Item[i].ItemAttributes.Title}
            - }
            - if(cell < 3)
                - cell++
            - else
                - cell = 0
        - }
于 2012-08-15T08:28:57.563 に答える