Knockout.js est une bibliothèque JavaScript open source pour HTML dynamique Utilise le modèle Model-View-Viewmodel (MVVM).

Knockout.jsest un JavaScript implémentation de la bibliothèque du modèle d'interface utilisateur Model-View-View Model (MVVM) dans JavaScriptet HTML.

Knockout.jsest un JavaScriptpur bibliothèque sans dépendances externes. Il est pris en charge dans tous les principaux navigateurs, IE 6+, Firefox 2+, Chrome, Opera, Safari (desktop / mobile).

Knockout.jsfonctionne avec n'importe quel framework Web.

Les principales fonctionnalités de Knockout.jsincluent:

  • Libre et open source (Licence MIT)
  • Petit et léger - 55 ko minifié
  • Liaisons déclaratives: associez facilement des éléments DOM aux données de modèle à l'aide d'une syntaxe concise et lisible.
  • Liaison bidirectionnelle: lorsque l'état de votre modèle de vue change, votre interface utilisateur se met à jour automatiquement. Lorsque vous modifiez les valeurs des éléments de formulaire, l'état du modèle de vue est automatiquement mis à jour.
  • Suivi des dépendances: configurez implicitement des chaînes de relations entre les données du modèle pour les transformer et les combiner.
  • Modèles: Générez rapidement des interfaces utilisateur sophistiquées et imbriquées en fonction des données de votre modèle.
  • Composants - 3.2.0+: contrôles ou widgets constitués de morceaux de code réutilisables autonomes.

Liens utiles

Pack de démarrage Stipp Snippet

HTML:

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"></script>

<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<h2>Hello, <span data-bind="text: fullName"> </span>!</h2>

JavaScript:

var ViewModel = function(first, last) {
    this.firstName = ko.observable(first);
    this.lastName = ko.observable(last);
 
    this.fullName = ko.pureComputed(function() {
        return this.firstName() + " " + this.lastName();
    }, this);
};
 
ko.applyBindings(new ViewModel("Planet", "Earth"));