Polymer + Firebase (Polymerfire): <firebase-query> não funciona na visualização de aplicativo de página única (com <firebase-app> localizado em my-app.html)
Estou tentando enviar dados para o Firebase usando o Polymerfire e o modelo Polymer App Toolbox:
my-app.html
contém um configurado<firebase-app>
componente.my-models.html
(que é uma página configurada emmy-app.html
rotas) contém um<add-model>
componente<add-model>
é um formulário com um<firebase-query>
, <firebase-auth>
, inserir e enviar.Eu tento enviar dados usando<firebase-query>
com a seguinte função noadd-model.html
Polymer
objeto:
Polymer({
is: 'add-model',
properties: {
data: {
type: Object
}
},
create: function() {
this.$.query.ref.push({
name: this.$.myModelName.value
});
}
});
ResultadoChamandopush
no<firebase-query>
objeto emadd-model.html
retornaCannot read property 'push' of undefined
(explicado neste Q / A, no nosso caso é porque<firebase-app>
parece não estar devidamente declarado).
<firebase-app>
demy-app.html
paraadd-model.html
arquivo faz opush
função de trabalho, mas entãomy-app.html
perde sua funcionalidade Firebase.Chamando<firebase-app>
nos retornos my-app.html e add-model.htmlUncaught Error: Firebase App named 'firebase-app' already exists.
<firebase-auth>
funciona emadd-model.html
e retorna um[[user]]
objeto.Como eu façofirebase-query
comunicar adequadamente comfirebase-app
da minha rota?