AngularJS:根据表1中选中的行隐藏空表

AngularJS:根据表1中选中的行隐藏空表,angularjs,Angularjs,我有一个数据表,每个表都有一个复选框。选中的任何行都会移动到第二个表中进行处理(未显示处理)。我想隐藏第二个表,除非它有行,但似乎无法理解ng显示。(更新显示需要隐藏第二个表) 这是我的html(我有一行不起作用的注释): 只需在控制器中添加一个函数IsAttleAstonedataChecked(),如果至少检查了一个数据,则返回true,否则返回false,并在模板中使用该函数: <table width="400" border="1" ng-show="isAtLeastOneD

我有一个数据表,每个表都有一个复选框。选中的任何行都会移动到第二个表中进行处理(未显示处理)。我想隐藏第二个表,除非它有行,但似乎无法理解ng显示。(更新显示需要隐藏第二个表)

这是我的html(我有一行不起作用的注释):


只需在控制器中添加一个函数
IsAttleAstonedataChecked()
,如果至少检查了一个数据,则返回true,否则返回false,并在模板中使用该函数:

<table width="400" border="1" ng-show="isAtLeastOneDataChecked()">

$scope.isAtLeastOneDataChecked = function() {
    return $scope.tableOne.some(function(data) {
        return data.checked;
    });
};

$scope.isAtLeastOneDataChecked=函数(){
返回$scope.tableOne.some(函数(数据){
返回数据。已检查;
});
};

如果要在选中第一个表时隐藏该行,则应将
ng show
应用于
元素。实际上,我需要隐藏第二个表(在本例中,它只是说“table Two”,但实际上它有一个标题行和一个按钮,我希望隐藏,除非有选择。我更新了问题和JSFIDLE,以显示一个空表显示了我需要隐藏的内容。感谢您的回答,很抱歉造成混淆。
var app = angular.module('myApp', []);

function checkBoxCtrl($scope){

    $scope.tableOne=[
                    {key: '1',  value: 'a'},
                    {key: '2',  value: 'b'},
                    {key: '3',  value: 'c'},
                    {key: '4',  value: 'd'}
                    ];  


    };
<table width="400" border="1" ng-show="isAtLeastOneDataChecked()">

$scope.isAtLeastOneDataChecked = function() {
    return $scope.tableOne.some(function(data) {
        return data.checked;
    });
};