Kendo Listview模板使用Angular ng-show来显示和隐藏对象

Question

我正在使用Kendo Listview来显示图表。我希望用户能够单击复选框来显示或显示单个图表。目前我正在尝试使用ng-show但无法使其工作。

我的listview选项中的模板

template: <div #:chartData.kendoDirective# k-options="vm.#:chartData.chartOptions#" ng-show="#:visible#" class="move k-block" id="#:chartData.htmlID#" style="float: left; margin: 5px 0;"></div>'

visible是我在服务器响应中返回的参数，告诉我是否最初显示或隐藏此项目。然后我想让复选框更改可见变量以显示或隐藏图表。下面是一个显示方框的屏幕截图。

更新：我使用以下

获得了初始项目

ng-show="this.dataItem.visible == true"

但是我仍然无法根据复选框显示/隐藏图表。

Answer 1

我通过在每次单击复选框时更新listview数据源来解决此问题。因此，当我点击其中一个复选框时，我进行了以下调用。

        $("#selectedchart_listview").data("kendoListView").dataSource.data(vm.selectedView.charts);
        $("#selectedchart_listview").data("kendoListView").refresh();