I'm trying to setup an iron-list using a local array for its data source.

<dom-module id=“my-list">
  <template> 
    <iron-list items="{{myItems}}" as="item" indexAs="myIndex"> 
      <template> 
        <div class="item">{{item.name}}</div> 
      </template> 
    </iron-list> 
  </template> 
  <script> 
    Polymer({ 
      is:’my-list', 
      properties: { 
        myItems: { 
        type: Array, 
        notify: true 
        } 
      }, 
      addItem: function(item) { 
        this.push("myItems", JSON.parse('{"name":"'+item+'"}')); 
      }, 
      ready: function() { 
        this.myItems=[ 
        {'name':'Taco'}, 
        {'name':'Burger'}, 
        {'name':'Fries'}, 
        {'name':'Chips'} 
        ]; 
      } 
    }); 
  </script> 
</dom-module>


Everything works, but from the ready() method I get "Uncaught RangeError: 
Invalid array length". This seems to happen whenever the array is set for 
the first time. While this does not impact operations from a browser, 
Cordova stops on this error.


Any ideas as to how to suppress or prevent this error? Kind of running 
blind as I can't find any example code to work off of.


Follow Polymer on Google+: plus.google.com/107187849809354688692
--- 
You received this message because you are subscribed to the Google Groups 
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To view this discussion on the web visit 
https://groups.google.com/d/msgid/polymer-dev/81f74c54-3d08-4ddf-92b0-224eb6e5cea4%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to