2014-11-10 6 views
8

Ich habe auf Web-Komponenten gelesen und bin ziemlich fasziniert von der entstehenden Spezifikation. Weiß jemand, ob es eine Unterstützung für die 2-Wege-Datenbindung im DOM gibt, ohne Polymer zu verwenden? Ein Beispiel würde geschätzt werden.2-Wege-Datenbindung in nativen Web-Komponenten

+0

Sie können [Slim.js] (http://slimjs.com/#/getting-started) versuchen. Ich bin kein großer Fan. Ich suche immer noch nach einer netten Lösung um das Problem, während ich jede Bibliothek meide (ich bin müde, um ein DSL nach dem anderen zu lernen). Bisher war mein Ansatz 'init()' mit Template-Strings und 'update()', alte Mode, ähnlich wie bei D3-Charts. –

Antwort

1

Nein, Datenbindung ist nicht Teil der Webkomponenten-Spezifikation.

Sie können natürlich Daten implementieren Bindung selbst mit nativen JavaScript event listeners und möglicherweise das Proxy Objekt, aber es ist wahrscheinlich am besten nicht das Rad neu zu erfinden: Wenn Sie die Datenbindung möchten, wählen Sie eine der vielen JavaScript-Frameworks da draußen was das unterstützt. Polymer, React, Angular und Vue sind einige neuere Beispiele solcher Bibliotheken.

3

Object.observe ist eine neue Möglichkeit, Datenbindungen in Javascript zu erstellen. Diese Funktion ist für Ecmascript 7 (JavaScript) vorgesehen, aber einige Browser unterstützen es derzeit, überprüfen Sie here. Überprüfen Sie auch diese html5rocks Artikel auf object.observe

+10

Object.observe wurde veraltet – Endless

+0

Schade, dass Object.observe veraltet war ... ein separates Objekt (Proxy) zu erstellen, obwohl es aus seinen eigenen Gründen sehr nützlich ist, ist nicht das Gleiche und bietet nicht alle die gleichen Vorteile . Nichtsdestoweniger scheint es gute Gründe zu geben, es abzulehnen: https://www.infoq.com/news/2015/11/object-observe-withdrawn –