pug - forループの反復でクラスに名前を付ける#row-＃{i}は機能しません

Question

列挙されたクラスでdivを作成するforループを実行しようとしていますが、なぜこれが機能しないのですか？

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    #row-#{i}
- }

私は戻ってきています

<div id="row-"></div><0></0><div id="row-"></div><1></1><div id="row-"></div><2></2>

Answer 1

レンプレート：

rows = 3
cols = 6

- for (var i = 0; i < rows; i++) {
    div(id='row-'+i)
- }

出力：

<div id="row-0"></div>
<div id="row-1"></div>
<div id="row-2"></div>

あなたは「列挙されたクラス」と言ったので、おそらくあなたは実際に欲しいでしょう：

- for (var i = 0; i < rows; i++) {
    div(class='row-'+i)
- }