Knockout.js - parametri di passaggio

Question

Ho un problema con Knockout.js. Voglio passare il nome utente a una funzione e visualizzarlo in stato di avviso. Sta succedendo qualcosa di strano. Ricevo avvisi ogni volta che aggiorno la pagina con nomi utente corretti, ma dopo aver fatto clic su di essa non ottengo alcuna risposta. Cosa c'è di sbagliato qui? Qui è il mio codice:

<ul data-bind="foreach: contacts"> 
    <li class="user-box"><span class="user-box-name" data-bind="text: username, click: $root.userClick(username)"></span> 
    </li> 
</ul> 

e

self.userClick = function (x) { 
    alert(x); 
} 

Answer 1

Il click vincolante accetta una funzione di callback da chiamare quando il controllo viene cliccato.

Tuttavia, nel tuo esempio, stai chiamando la funzione. Quindi, ciò che accade è ogni volta che la pagina viene caricata, i collegamenti vengono caricati e la funzione viene invocata come è stata scritta. È necessario avvolgerlo in una funzione in modo che non venga chiamato così.

<span class="user-box-name" 
     data-bind="text: username, click: function() { $root.userClick(username); }"> 
</span> 

Answer 2

Knockout passa l'oggetto giusto al gestore eventi. Basta fare in questo modo:

<ul data-bind="foreach: contacts"> 
    <li class="user-box"> 
    <span 
     class="user-box-name" 
     data-bind="text: username, click: $root.userClick" 
    ></span> 
    </li> 
</ul> 

e

self.userClick: function (obj, event) { 
    alert(obj.username); 
}