Aurelia custom element binding
<p>I'm trying to build a custom element in Aurelia. At this point, this is what I have:</p>

<p><strong>item.html</strong></p>

<pre><code>&lt;template&gt;
    &lt;span&gt;${someProperty}&lt;/span&gt;
&lt;/template&gt;
</code></pre>

<p><strong>item.ts</strong></p>

<pre><code>import {bindable} from 'aurelia-framework';
class Item {
    @bindable someProperty: string;
}
</code></pre>

<p><strong>parent.html</strong></p>

<pre><code>&lt;template&gt;
&lt;require from="./item"&gt;&lt;/require&gt;
&lt;item repeat.for="item of items"&gt;&lt;/item&gt;
&lt;/template&gt;
</code></pre>

<p><strong>parent.ts</strong></p>

<pre><code>class Parent {
    items: Item[];

    loadItems() {
        // at this point, I'm sure that items is getting populated.
        this.items = dataservice.loadItems();
    }
}
</code></pre>

<p>I can't seem to find anything in the documentation that covers this scenario. What I'm getting, is that the span is empty. I'm not getting any errors in the console. Am I going about this the right way?</p>