La reliure par clic Knockout dans le contenu pop-up html ne fonctionne pas

Question

Je suis en train d'essayer d'appliquer la liaison de clic en HTML sur le popover. L'événement click ne fonctionne pas dans le $ root.confirmDeleteColor

Ci-dessous le code html et le bouton (YES) l'événement click est appelé.

<tbody data-bind="foreach: responseData"> 
    <td align="center"> 
     <a class="btn btn-default glyphicon glyphicon-pencil" title="Edit Color" data-bind="attr: { id: id}"></a> 
     <a class="btn btn-danger glyphicon glyphicon-trash popover-top" data-toggle="popover" data-html="true" 
     data-content='<div><b>Are you Sure you want to delete this Item ?</b><div class="modal-footer"><button type="button" class="btn btn-secondary">No</button><button type="button" class="btn btn-danger" data-bind="click: $root.confirmDeleteColor">yes</button></div></div>' 
     title="Delete Color"></a> 
    </td> 
    </tbody> 

Voici le code VM

confirmDeleteColor: function() { 
     var self = this; 
     console.log("testing"); 
} 

Dans la console le texte de test n'est pas imprimé.

Voici l'image de la page

Answer 1

En effet, lorsque bootstrap est popover au Annexer des DOM - modèle knock-out est déjà compilé, si Knockout ne connaît pas votre clic obligatoire. Dans ce cas, vous devez utiliser des liaisons comme celui-ci: Knockstrap popover Ou créer votre propre (Custom Knockout bindings)