Globale polymere Variablen
Ich arbeite an einer Polymer-App, die Daten von einer RESTful-API abruft und zum Erstellen der Schnittstelle verwendet. Ein spezifischer Bereich, auf den ich mich konzeptionell beschränke, ist die Implementierung des unter beschriebenen Monostate-Mustershttp://www.polymer-project.org/docs/polymer/polymer.html#global. Tatsächlich kann ich einer neuen Komponente, App-Globals, deklarative Attribute hinzufügen und dann relativ einfach darauf zugreifen.
Hier ist die entscheidende Frage: Wenn ich Daten über Core-Ajax an die API innerhalb der App-Globals-Komponente hin und her ziehe (und möglicherweise erneut übermittle), wie kann ich sicherstellen, dass alle Verbraucher der App-Globals-Komponente über die verfügen gleiche Daten? Scheint, als hätte ich meinen Monostatismus verloren, wenn ich das vorgeschlagene Muster verwende:
<polymer-element name="my-component">
<template>
<app-globals id="globals"></app-globals>
<div id="firstname"></div>
<div id="lastname"></div>
</template>
<script>
Polymer('my-component', {
ready: function() { this.globals = this.$.globals; }
});
</script>
</polymer-element>
da jede der Komponenten, die App-Globals verbrauchen, ihre eigene Version der API-Daten abruft. Vermisse ich etwas? Gibt es eine andere Möglichkeit, um sicherzustellen, dass die App ständig nur eine Version der Wahrheit enthält?