Pug `＃{}`は `onclick`の中で変数をロードできません

Question

私はアイテムのリストをレンダリングするためにjavascriptオブジェクトを使用しています。私のオブジェクトは次のようになります。

{ 
      text: 'One', 
      url: 'index.pug' 
     }, 
     { 
      text: 'Two', 
      url: 'Two.pug' 
     }, 
     { 
      text: 'Three', 
      url: 'Three.pug' 
     } 
} 

興味深い部分は、パグをレンダリングするときです。 item.textが正しくレンダリングなぜ私が把握することはできませんどのような

div 
    ul.horizontalScroll 
     each item in params.apps 
      li 
       a(onclick="loadXMLDoc(#{item.url})") #{item.text} 

があるが、上の機能にpingを実行しないリンクをクリックしてください：私はこのようなものを使用してそれらをレンダリングしています。クロムの検査官で、私はこれを見た：<a onclick="loadXMLDoc(#)">One </a>。なぜそれが好きであるように引数がindex.pugとして通っていないのですか？

Answer 1

は、属性内の変数を連結してみてください。

a(onclick="loadXMLDoc('" + item.url + "')") #{item.text} 

Answer 2

受け入れソリューションは私のために動作しませんでした。私は少し違う何かで動くことができました。

a(onclick="loadXMLDoc('#{item.url}')") #{item.text} 

一重引用符と二重引用符の違いに注意してください。また、テキストオートコンプリートでさらに引用符を追加しようとする可能性があるので注意してください。

このソリューションは、loadXMLDocに文字列が必要であるために機能します。別の引用符を使用して、URL文字列がhtmlに変換されたときに属性文字列の内部に入れられるようにする必要があります。