Ich versuche, Polymer Web-Komponenten in meiner Angular-Anwendung zu mischen, aber ich bin nicht in der Lage, die wechselseitige Datenbindung zwischen diesen Frameworks zu erhalten. Ich habe bereits dieses Video angeschaut und bereits die in diese Frage , aber es funktioniert immer noch nicht für mich. Das waren meine Versuche:
Object Attributwert
<game-card game="{{game}}" bind-polymer></game-card> - basierend auf post-card.html im Polymer-Lernprogramm. game ist ein Objekt mit ID, Titel usw.
Ich habe die gameChanged -Funktion für die Webkomponente erstellt und eine neue Eigenschaft in der game -Variable hinzugefügt, etwas wie this.game.foo = 'bar'; , aber wenn ich das tue
<pre><code>{{game | json}}</code></pre>
Gleich nach der Komponente gibt es kein "foo": "bar" im strayed-Objekt. Sogar mit
publish: {
game: {reflect: true}
} ,
es funktioniert nicht.
Framework-Komponenten
<core-input value="{{cool}}" bind-polymer></core-input>
<paper-input value="{{cool}}" bind-polymer></paper-input>
Es funktioniert nur, wenn ich den Quellcode des -Elements in reflect das Attribut value (in core-input.html , wenn die Papiereingabe es erweitert) bearbeite. Ich denke, es ist kein guter Weg, dieses Problem zu lösen.
Vermisse ich etwas? Gibt es eine gute Ressource, die ich für diese Angular-Polymer-Integration suchen kann? Suchen auf Google bringt mehr Ergebnisse über das Material als über die Bibliothek selbst und wenn sie gefunden werden, sind die meisten von ihnen "Polymer für Dart "Ressourcen.