title: Oracle JET - my oj-list-view isn't working
body: <p>I have a basic <code>oj-list-view</code> element with some static data. As far as I can see I have implemented it correctly, made sure to include all the relevant variables in the <code>dataSource</code>. Yet the element shows the loading symbol and the console simply shows an error for the <code>oj.Collection</code>. 
  Where is my mistake?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;oj-list-view id="listview" aria-label="list using json data" 
             data="[[dataSource]]" selection-mode="single" drill-mode="none"&gt;
      &lt;template slot="itemTemplate"&gt;
              &lt;div&gt;
                &lt;span data-bind="text: text1"&gt;&lt;/span&gt;
                &lt;span data-bind="text: text2"&gt;&lt;/span&gt;
              &lt;/div&gt;
      &lt;/template&gt;       
  &lt;/oj-list-view&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>var data = [{"text1": "cat", "text2":"meow"},
              {"text1":"dog", "text2":"woof"}];
      self.dataProvider = new oj.ArrayDataProvider(data, null ); 
  </code></pre>