How do I turn these results into a list for use w/ Polymer's repeat attribute?

Question

In the following code f.onChildAdded is an Instance of '_BroadcastStream<Event>':

f.onChildAdded.forEach((e) {
  print(e.snapshot.val());
  //TODO: Turn this somehow into a list
 });

The print outputs each item fine, and now I'd like to turn it into a list that's friendly with Polymer's repeat="{{item in items }}" magic.

• How do I turn it into a list? List myList = new List(); and myList.add(e.snapshot.val()); isn't helping me there.
• How do I pass that from my main() in my index.dart to my-element.dart?

FWIW, here's my project: https://github.com/DaveNotik/dartstack. Any other guidance as I get a handle on this would be great!

Answer 1

At first you should ensure that your main look like shown here how to implement a main function in polymer apps

in your main:

List myList = new List();

f.onChildAdded.forEach((e) {
  myList.add(e.snapshot.val());
});

(querySelector('your-element') as YourElement).myList = myList;

or when you don't want to create a new list each time:

The list field in you custom element should look like

@observable List myList = toObservable([]);

in your main:

List myList = (querySelector('your-element') as YourElement).myList;

f.onChildAdded.forEach((e) {
  myList.add(e.snapshot.val());
});