-1

次のように、要素を介して Firebase のディープ リンクsettingsにオブジェクトをデータバインドしたいと考えています。firebase-document

my-element.html
<firebase-document location="<my-firebase>/users/uid/settings"
                   data="{{settings}}"</firebase-document>
...
<paper-input label="Name" value="{{settings.name}}"></paper-input>
<paper-input label="Email" value="{{settings.email}}"></paper-input>
...
settings: {
  type: Object,
  notify: true,
  value: {},
...

paper-inputとのアプリのフィールドに値を入力するnameemail、Firebase の値が更新されることを期待しています。しかし、代わりに、それらは更新されません。

このディープリンク データバインディングを実現するベスト プラクティスの方法は何ですか?

編集

に 35 の未解決の問題がありfirebase-elementこの Codelab は同じ理由で使用を回避しているようです。要素がまだ完全に準備されていない場合は、その旨を記載してください。また、インポートは、ここの言語に基づいて珍しいようです:

firebase を使用するコンポーネントは、firebase-element に依存し、firebase.html をインポートして、ライブラリの重複を防ぐ必要があります。このようなコンポーネントは Polymer や firebase-element を使用する必要はありませんが、便宜上、インポートと要素を 1 つのパッケージにまとめました。

上記の段落が何を言おうとしているのか理解するのは難しいです。したがって、例が役立ちます。

4

1 に答える 1