Dwuwrożne wiązanie danych polimerowych dla komponentów szkieletowych (elementy podstawowe/elementy z papieru)

Question

Próbuję połączyć komponenty sieciowe polimerów w mojej aplikacji Angular, ale nie mogę uzyskać dwukierunkowego powiązania danych między tymi ramami działa. Oglądałem już this video i już wypróbowałem rozwiązanie dostarczone w this question, ale nadal nie działa dla mnie. Były to moje próby:

• Object wartość atrybutu

  <game-card game="{{game}}" bind-polymer></game-card> - na podstawie post-card.html na tutorialu Polymer. game to obiekt o id, tytuł, itp

  stworzyłem funkcję gameChanged na elemencie internetowej i dodać nową właściwość w zmiennej game, coś jak this.game.foo = 'bar';, ale jeśli to zrobię

  <pre><code>{{game | json}}</code></pre>

  zaraz po komponencie, nie ma "foo": "bar" w obiektach usztywnionych. Nawet

  publish: { game: {reflect: true} },

  to nie działa.

• elementy ramowe

  <core-input value="{{cool}}" bind-polymer></core-input> <paper-input value="{{cool}}" bind-polymer></paper-input>

  To działa tylko wtedy, gdy edytować kod źródłowy elementu do reflect przypisują value (na core-input.html, jak papier-input rozciąga niego). Myślę, że to nie jest dobry sposób na rozwiązanie tego problemu.

Czy brakuje mi czegoś? Czy istnieje dobry zasób, na który mogę poszukać tej integracji z Angular-Polymer? Wyszukiwanie w Google daje więcej wyników o the material niż o samej bibliotece i, gdy ją znajdziemy, większość z nich to zasoby "Polymer for Dart".

Answer 1

Spróbuj z modułem NG Polymer Elements, który rozwiązuje dwukierunkowe wiązanie danych kątowych i polimerowych (elementy rdzeniowe i papierowe) oraz inne elementy, które zrywają z kątem/polimerem, ma również dokumentację addyour własnych niestandardowych elementów polimerowych kątowej wiązania pomocy

NG Polymer Elements