2014-07-02 16 views
9

Polimer web bileşenlerini Açısal uygulamamda harmanlamaya çalışıyorum, ancak iki yönlü veri bağını alamıyorum. Bu çerçeveler arasında çalışıyor. Zaten this video izledim ve zaten this question sağlanan çözüm denedim ama hala benim için çalışmıyor. - Polimer öğretici üzerinde post-card.html dayalıÇerçeve bileşenleri (temel öğeler/kağıt öğeleri) için Polimer Açısal iki yönlü veri bağlama

  • Object özellik değeri

    <game-card game="{{game}}" bind-polymer></game-card>: Bunlar benim girişimleri vardı. game vb id, başlık,

    ben web bileşeni üzerinde gameChanged fonksiyonunu oluşturulan ve this.game.foo = 'bar'; gibi game değişkendeki şey yeni bir özellik ekledi sahip bir nesnedir, ama bunu yaparsam

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

    Bileşen hemen sonra

    , belirtilen nesnedeki "foo": "bar" yoktur. Hatta

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

    ile çalışmıyor.

  • Çerçeve bileşenleri

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

    (kağıt giriş it uzanır gibi core-input.html üzerine) Ben öğenin kaynak kodureflect için value özelliği düzenlemek eğer çalışır

    . Bu sorunu çözmenin iyi bir yolu olmadığını düşünüyorum.

Bu Açısal-Polimer entegrasyonuna bakabileceğim iyi bir kaynak var mı? Google'da arama yapmak, kütüphanenin kendisinden yaklaşık the material hakkında daha fazla sonuç getirir ve bulunduğunda, bunların çoğu "Dart için Polimer" kaynaklarıdır.

+0

Yep. Oldukça emin bir çekirdek-girdinin değer özelliği, bunun çalışması için "yansıtır: doğru" olarak ayarlanması gerekir (https://github.com/Polymer/core-input/blob/master/core-input.html#L161) . Aksi takdirde, özellik güncellenmez ve Angular'ın veri bağlama sistemi hiçbir zaman bir değişiklik görmez. Belki bir hata mı yapıyorsun? https://github.com/Polymer/core-input/issues/new – ebidel

+0

@edibel Benzer sorunları yaşadım ve bazen "yansıtır: true" ayarlanmış olsa bile çalışmaz. – ipaul

+1

@ebidel - En kısa zamanda bir hata yapacağım, cevabınız için teşekkürler. Ama 'Object' type özniteliğine ne dersiniz? Yeni mülkiyeti ona eklemesi gerekmiyor, daha çok 'yansıtır:' ile mi? Geldiğim bir diğer konu, 'game' değişkenini öznitelikten geçirdiğimde, bazen web bileşenim js Object alıyor ve bazen JSON dizesini alıp beni' JSON.parse '' ye zorluyor. – danguilherme

cevap

1

NG Polimer Elements lib ile çalışın, açısal ve polimer (çekirdek ve kağıt elemanlar) ile açısal/polimerden kopan diğer bazı şeylerin 2 yollu veri bağlayıcısını çözer, ayrıca kendi özel polimer elemanlarını tanıtmak için belgelere de sahiptir. açısal bağlama desteği

+0

Bu iyi bir lib gibi gözüküyor, yakında deneyecek ve sorunu çözüp çözmediğine bakacak (artık polimeri kullanmayacağım bile). – danguilherme

+0

Eğer artık polimer yapmayacaksanız .... ve gerçekten neden (bunun içinde gelişmesi acı) bu çok iyi bir alternatif, basit bir önyükleme yöntemiyle polimerin hemen her güzelliği :) [link] (http : //fezvrasta.github.io/bootstrap-material-design/) – Strife86

İlgili konular