Polymer 1.0: Dom-Repeat Populates With Empty Items
<p>I'm probably missing something very basic. I have an array of objects. The array is a child of a property of my polymer element, implemented like so: </p>

<pre><code>properties:
  audit:
    type: Object
    value: ()-&gt;
      return {new: [], update: []}
    notify: true
</code></pre>

<p>I want to iterate over <code>audit.new</code> with a <a href="https://www.polymer-project.org/1.0/docs/devguide/templates" rel="nofollow">dom-repeat</a>.</p>

<p>I do that like so:</p>

<pre><code>&lt;template is="dom-repeat" items="{{audit.new}}" as="item"&gt;
  &lt;div class="horizontal layout center" style="padding-bottom: 0.5em"&gt;
    &lt;div&gt;&lt;paper-checkbox checked="{{item.select}}" style="margin: 0px"&gt;&lt;/paper-checkbox&gt;&lt;/div&gt;
    &lt;div class="flex"&gt;
      &lt;b&gt;&lt;span&gt;{{item.firstName}}&lt;/span&gt;, &lt;span&gt;{{item.lastName}}&lt;/span&gt;&lt;/b&gt; (&lt;span&gt;{{item.id}}&lt;/span&gt;)
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/template&gt;
</code></pre>

<p>Polymer renders nothing at all.</p>

<p>I've checked and confirmed that the array I am iterating over contains the correct data. What have I done wrong?</p>