Wie übergibt man Wert an eine Onclick-Funktion in (Jade) Mops?

Question

Ich bin neu in Jade und steckte auf dieses Problem. Ich denke ich habe alles aus den StackOverflow Posts probiert und immer noch nichts.

Die Dinge, die ich habe versucht

button(type='button' class=' c-btn-blue c-btn-circle c-btn-uppercase' value="Read More" onclick='gotoBlog(#{val.link})') 

Fehler

1:8 Uncaught SyntaxError: Invalid or unexpected token 

Ändern es zu !{val.link}

Fehler

Uncaught SyntaxError: Unexpected token . 

esändernund "#{val.link}" gibts mir einfach verständlich. BTW val.link ist ein String

nur geben val.link sagt Uncaught ReferenceError: val is not defined

Ich bin aus Optionen jetzt. Hilfe wird geschätzt.

Dank

Answer 1

Wenn Attribute in ein HTML-Element hinzugefügt wird, sind Sie bereits im Rahmen der Mops, so können Sie einfach Mops Variablen wie normale js Variablen verwenden.

button(type='button' class=' c-btn-blue c-btn-circle c-btn-uppercase' value="Read More" onclick='gotoBlog(' + val.link + ')') 

Answer 2

Sie müssen nur Onclick setzen = "myfunction (# {varible.atributo})"

Hier ein Beispiel:

table 
thead 
    tr 
     th #ID 
     th Description 
     th Actions 
tbody 
    each item, i in itemlist 
     tr 
      th(scope='row') #{item.id} 
      td #{item.description} 
      td 
       button(onclick="editItem(#{item.id})", title="Edit") 
        | Edit 

Answer 3

Verwenden verschachtelte Anführungszeichen unterscheiden, so dass Sie ein Pass string zu deiner gotoBlog-Funktion. Hier verwende ich einzelne Ticks innerhalb von Doppelticks.

button(type='button' class=' c-btn-blue c-btn-circle c-btn-uppercase' value="Read More" onclick="gotoBlog('#{val.link}')") 

Mit anderen Worten:

button(onclick= "myFunction('#{stringVariable}')")