javascript - NodeJS + Jade 可変ブロック数

Question

私は NodeJS 開発への道を歩み始めました。そして、私は問題に直面しています..

基本的にすべてのページにブートストラップのトップ ナビゲーション バーを構築するメイン テンプレート - layout.jade があります。これは基本的に、各アーティストがいくつかの曲を持っている音楽アプリケーションです。アーティストのページに行くと、そのアーティストが持っている曲を見ることができます。アーティストが 5 つの曲を持っている場合、次の形式で 5 つのブロックが必要です。

block waveform
    div.waveform
        div.progress.progress-striped.active(id='progress-bar-#{songCount}')
            div.progress-bar(role='progressbar', aria-valuemin='0', aria-valuemax='100')
                span.sr-only
        h3.song-name #{songName}
        wave(id = '#{songCount}')

したがって、私が望むレイアウトの継承は次のとおりです。

layout.jade
--artist.jade
----song.jade * (number of the songs the artist has)

私が直面している問題は、複数の song.jade をレイアウトに挿入することです.そうです、artist.jade に javascript を使用して html を生成し、それを 5 回追加することができます (アーティストに 5 曲ある場合)。しかし、クライアント側を詰まらせずに NodeJS と Jade を使用してこれを行う他の方法はありますか?

また、私が何か間違ったことをしている場合は、お気軽に私を修正/アドバイスしてください:)