NodeとExpressで遊んでいます。私はPug(以前のJade)テンプレートエンジンを使ってHTMLを表示しています。私がアンカーリンクのhref
に変数を注入しようとするまで、すべてが正常に機能していました。奇妙なことは、私がExpressアプリケーションview engine
をjade
に変更すると、期待どおりに動作することです。アンカーの内部でPug(以前のJade)変数が正しく機能しない(補間)Href
に基づいてother articles私はこの問題を補間の問題として認識していますが、この問題を正しく修正する方法を示すリソースまたはドキュメントは見つかりませんでした。
Ex。
rooms
jsonアレイからデータを取得してから、for
ループを使用して各配列要素を循環させ、各部屋のデータを出力します。 jade
を使用して以下の作業を行います。
table.table.table-striped
thead
tr
th Name
th Id
tbody
each room in rooms
tr
td(style="width: 50px;")
a(href!="/admin/rooms/delete/#{room.id}") Delete
td #{allTitleCase(room.name)}
td #{room.id}
pug
を使用すると正しく動作しません。特にa(href='/admin/rooms/delete/#{room.id}') Delete
リンクが正しく動作しません。ルームIDをリンクhrefに注入する代わりに、#{room.id}を末尾にhref
リンクと出力します。
pug
でこれを解決する方法はありますか?
pug
を使用して以下のすべてを試しましたが、これらのオプションは機能していませんでした。 a(href="/admin/rooms/delete/#{room.id}") Delete
a(href!="/admin/rooms/delete/#{room.id}") Delete
おかげで、残念ながらこれは私のために動作しませんでした。 jade-langのウェブサイトで動作していましたが、 'pug'を' view engine'として実行している私のExpressアプリケーションでは動作していません。私はそれがjade-langのウェブサイトで働いていたと思うのですが、それは実際には「pade」ではなく「jade」を使っているからです。 – Corey
[Pug 2.0の変更履歴](https://github.com/pugjs/pug/issues/2305)を読んだことがありますか? – pdoherty926
あなたが示唆したようにチェンジログをチェックアウトした後、私はそれを理解しました。アンカーリンクを 'a(href ="/admin/rooms/delete/"+ room.id)Delete'に変更しました。助けてくれてありがとう、私はそれを感謝します。答えを編集して正しいコードを含めることはできますか?もしそうなら、私は先に進み、あなたの答えを正しいものにします。 – Corey