la mise à jour “espace réservé” attribut à l'aide de knock-out

J'ai un formulaire avec quelques champs d'obtenir certaines données à l'aide de knockout.js (ver. 2.1.0).
Par exemple, pour mettre à jour le champ "valeur" de l'entrée j'ai mis:

<input type="text"  name="contrasena" id="login-user" value="" placeholder="" data-bind="value: user">

J'ai un JSON pour stocker la valeur d'un je veux utiliser pour "passer" mot-clé, et elle fonctionne correctement.

J'ai essayé de mettre "espace réservé" attribut à l'aide de la même méthode, mais ça ne fonctionne pas:

<input type="text"  name="contrasena" id="login-user" placeholder="" data-bind="placeholder: user">

J'ai essayé de modifier knockout.js fichier ajoutant "ko.bindingHandlers['placeholder']" la fonction basée sur "ko.bindingHandlers['valeur']" (modifier "espace réservé" au lieu de "valeur" dans "ko.jsonExpressionRewriting.writeValueToProperty" de la fonction), mais il ne fonctionne pas correctement, il met l'information dans l'attribut "value" au lieu de "espace réservé".

Quelqu'un connaît le moyen de résoudre ce problème?

Merci beaucoup!

InformationsquelleAutor user1702964 | 2012-09-28
  1. 33

    Si vous souhaitez utiliser data-bind="placeholder: user", vous pouvez créer un la coutume de liaison dans votre code js.

    Vous étiez sur le droit chemin en utilisant ko.bindingHandlers['placeholder'] mais vous n'avez pas besoin de modifier le knockout.js fichier -- en fait, c'est une mauvaise pratique.

    Cela exigerait une base personnalisée de liaison:

    ko.bindingHandlers.placeholder = {
    init: function (element, valueAccessor, allBindingsAccessor) {
        var underlyingObservable = valueAccessor();
        ko.applyBindingsToNode(element, { attr: { placeholder: underlyingObservable } } );
    }
};

    Pour un guide sur des liaisons, voir ici

    Bien que knock-out est elle-même intrinsèquement encombrant, ce qui est légèrement moins. Il supprime la connaissance de la façon dont l'espace réservé est appliquée à l'élément de la vue.

    En effet, si dans l'avenir vous souhaite appliquer une sorte de plugin jQuery pour afficher les espaces réservés dans les navigateurs qui ne supportent pas le placeholder attribut, ce serait l'endroit (init:) pour initialiser le plugin -- vous aussi, vous avez besoin d'un update: fonction dans ce cas.

    • L'utilisation data-bind="attr: {espace réservé: ph}" à la place.
    InformationsquelleAutor Sethi
  2. 90

    Vous devez utiliser l'existant attr de liaison, comme ceci: 

    <input data-bind="attr: {placeholder: ph}" />

var Model = function () {
    this.ph = ko.observable("Text..."); 
}
ko.applyBindings(new Model());
    • Merci mutch bgs!! Elle fonctionne.
    • merci, j'ai créé un codepen de tester ceci: codepen.io/logankd/stylo/Gzorq
    • neat, pas besoin de liaisons personnalisées, peuvent être réutilisés en tant que-est
    • Ce doit être la accepté de répondre.
    InformationsquelleAutor gbs