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

Question

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

我的列表视图选项中的模板

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

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

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