Oracle JET - 我的 oj-list-view 不工作

Oracle JET - my oj-list-view isn't working

我有一个包含一些静态数据的基本 oj-list-view 元素。据我所知,我已经正确地实现了它,确保在 dataSource 中包含所有相关变量。然而该元素显示加载符号并且控制台仅显示 oj.Collection 的错误。 我的错误在哪里?

HTML

<oj-list-view id="listview" aria-label="list using json data" 
           data="[[dataSource]]" selection-mode="single" drill-mode="none">
    <template slot="itemTemplate">
            <div>
              <span data-bind="text: text1"></span>
              <span data-bind="text: text2"></span>
            </div>
    </template>       
</oj-list-view>

JS

var data = [{"text1": "cat", "text2":"meow"},
            {"text1":"dog", "text2":"woof"}];
    self.dataProvider = new oj.ArrayDataProvider(data, null ); 

template 标记仅在 Oracle Jet 4.1 版中引入。您可以尝试将项目版本更改为 4.1 或使用列表模板的 script 标签。

这是列表模板的 link- Click me :)