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