Pug `# {}` non riesce a caricare la variabile all'interno di `onclick`

Question

Quindi sto usando un oggetto javascript per visualizzare un elenco di elementi. Il mio scopo è simile al seguente:

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

La parte interessante è quando pug li rende. Sto rendendoli utilizzando qualcosa di simile:

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

Quello che non riesco a capire è il motivo per item.text rende in modo corretto, ma scatto il collegamento non rumore metallico la funzione. Nell'ispettore Chrome, ho visto questo: <a onclick="loadXMLDoc(#)">One </a>. Perché l'argomento non arriva come index.pug come dovrebbe ??

Answer 1

Prova concatenare la variabile all'interno dell'attributo:

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

Answer 2

La soluzione accettata non ha funzionato per me. Sono stato in grado di andare avanti con qualcosa di leggermente diverso.

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

Notare la differenza tra virgolette singole e doppie. Fai attenzione anche perché il completamento automatico del testo potrebbe provare ad aggiungere ancora più citazioni.

Questa soluzione funziona perché loadXMLDoc prevede una stringa. È necessario utilizzare caratteri di citazione diversi in modo che la stringa dell'URL diventi nidificata all'interno della stringa di attributo quando viene convertita in html.