Liaison multiple de données dans knockout js
J'ai deux propriétés de texte données de la Date et de la Ville sont observables.
J'ai besoin de concaténer deux de texte données de la propriété dans unique div.
et s'applique de style différente pour les deux textes.
Scénario actuel est utilisé knockoutjs de données-lier la propriété :
<div class="date" data-bind="text:Date" />
<div class="city" data-bind="text:City" />
Prévu :
<div class="date city" data-bind=" text:Date text:City" />
De Sortie : 2013-05-24 New York
Merci de me guider comment faire cela.
source d'informationauteur user2706
Vous devez vous connecter pour publier un commentaire.
Vous ne pouvez pas utiliser deux fois la même liaison à un élément. Au lieu de cela, vous devez créer un calculés, qui met en forme le texte à l'aide de deux valeurs que vous souhaitez afficher.
Par exemple (en Supposant que votre Date et Ville sont observables):
Puis dans votre data-bind, vous venez de le lier à l'calculée.
Une autre option est de combiner les valeurs de la liaison directement.
Personnellement, je pense que l'aide de cette approche est un nettoyeur de chemin à parcourir.
Vous pouvez simplement écrire :-
Et si vous voulez ajouter n'importe quelle chaîne ex:- 2013-05-24 : New York , vous pouvez code :
De cette façon sa a fonctionné pour moi.
À l'utilisation des styles différents pour chaque partie, vous aurez besoin de séparer les éléments HTML à joindre ces styles. À l'aide d'un
span
pour chaque partie du travail.vous pouvez ajouter 2 travées ou l'appeler comme cela
utiliser "," ou le signe "+" pour faire plusieurs data-bind.
Avec ko.coups de poing vous pourriez faire
Juste une autre option avec un super plugin.
Essayez d'utiliser ce format: