Empêcher la liaison "with" de supprimer des éléments du DOM (Knockout.js)

Question

Knockouters,

J'en suis venu à me fier à la liaison avec pour établir l'imbrication contextuelle. Bien que j'apprécie la façon dont KO manipule le DOM en fonction de l'état des éléments liés dans certains cas, il m'arrive de vouloir simplement obtenir les implications de la liaison sans supprimer le DOM.

Quelqu'un sait-il s'il est possible d'empêcher la manipulation du DOM au niveau de la liaison d'un élément individuel ?

Merci, Vinney

Answer 1

La version 2.2+ de Knockout n'efface pas l'élément DOM lorsque with est lié initialement à un objet (ou une autre valeur véridique). Alternativement, vous pouvez utiliser l'option withlight que j'ai mis en place il y a quelque temps. Il ne peut se lier qu'à un objet (pas à un observable).

ko.bindingHandlers['withlight'] = {
    'init': function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        var bindingValue = valueAccessor();
        if (typeof bindingValue != 'object' || bindingValue === null)
            throw new Error('withlight must be used with an object');
        var innerContext = bindingContext['createChildContext'](bindingValue);
        ko.applyBindingsToDescendants(innerContext, element);
        return { 'controlsDescendantBindings': true };
    }
};