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
        });
    }
});
Resultado

Chamandopush 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).

Movendo<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?

questionAnswers(3)

yourAnswerToTheQuestion