I have a polymer app that has a bound to my app's data which is its state. the state is pushed to all connected clients via firebase. Now I want to add "chat rooms". it's not chat but the analogy works. how do i create a chatroom and have it bound to my custom element's data property at runtime? i wanted to do something like:
<my-app><my-room chatId="{{currentChatId}}"></my-room></my-app>
and keep an array of chat room id's in my-app and the current chat room's data in my-room. so if my firebase data looked like {rooms : {room1: {chatId: 111...}} i wanted to the firebase-collection element in my-room to have its location property = "https://appname.firebase.io/{{chatId}}" and have the data property bound to a property in my-room. but since chatId will be null at creation time this solution doesn't work. I tried setting the firebase-collection location property in the observer for chatId at runtime but it didn't create any data when I changed the local data bound to the firebase-collection's data property. so my question is how do i have a firebase-collection element bound to data that doesn't exist at creation time?
