如何在win-list视图中动态添加项源

Question

我已经定义了一个列表和模板如下。我正在从html中定义列表项数据源。是否有任何方法可以动态绑定项目数据源i.e.from javscript。这是一个角形的应用程序。

  <win-list-view selection-mode="'none'"
                                       id="liqAssetListFlyout"
                                       class="verticalList win-selectionstylefilled win-listview"
                                       style="height: auto;"
                                       item-data-source="LiqFlyout"
                                       itemtemplate="select('.liqListTemplate')">

                            <win-item-template>
                                <div class="liqListTemplate"  data-win-control="WinJS.Binding.Template">
                                    <div style="float: left; width: 36%; margin-top: 1.5%;">
                                        <label id={{item.data.index}} class="T20" style="float: left;">{{item.data.assetName}}</label>
                                    </div>
                                    <div style="float: left; width: 33%; margin-top: 1.5%;">
                                        <label class="T20 " style="float: left; ">{{item.data.Internal}}</label>
                                    </div>
                                    <div style="float: left;margin-top: 1.5%;">
                                        <label class="T20 " style="float: left; ">{{item.data.External}}</label>
                                    </div>
                                </div>
                                <hr ng-if="showHideLine(item.data.assetName)" style="float:left; width:100%;margin-top:2%" />

                            </win-item-template>
                            <win-list-layout></win-list-layout>
                        </win-list-view>

Answer 1

var items[..data..];
var bindList = new WinJS.Binding.List(items);
var listView = document.getElementById("liqAssetListFlyout").winControl;

listView.itemDataSource = bindList.dataSource;

这就是javascript的方法。