Polymer + Firebase (Polymerfire): <firebase-query> no funciona dentro de la vista de aplicación de una sola página (con <firebase-app> ubicado en my-app.html)
Estoy tratando de enviar datos a Firebase usando Polymerfire y la plantilla Polymer App Toolbox:
my-app.html
contiene un configurado<firebase-app>
componente.my-models.html
(que es una página configurada enmy-app.html
rutas) contiene un<add-model>
componente<add-model>
es un formulario con un<firebase-query>
, <firebase-auth>
, entrada y botón de enviar.Intento enviar datos usando<firebase-query>
con la siguiente función en eladd-model.html
Polymer
objeto:
Polymer({
is: 'add-model',
properties: {
data: {
type: Object
}
},
create: function() {
this.$.query.ref.push({
name: this.$.myModelName.value
});
}
});
SalirVocaciónpush
sobre el<firebase-query>
objeto enadd-model.html
devolucionesCannot read property 'push' of undefined
(explicado en este Q / A, en nuestro caso es porque<firebase-app>
no parece estar debidamente declarado).
<firebase-app>
demy-app.html
aadd-model.html
archivo hace elpush
función de trabajo, pero luegomy-app.html
pierde su funcionalidad Firebase.Vocación<firebase-app>
en las devoluciones my-app.html y add-model.htmlUncaught Error: Firebase App named 'firebase-app' already exists.
<firebase-auth>
funciona enadd-model.html
y devuelve un[[user]]
objeto.Como hagofirebase-query
comunicarse adecuadamente confirebase-app
de mi ruta?