Jquery 在Dropdownlist AngularJS中获取智能表的隐藏列

我是AngularJS的新手，有谁能帮我做到这一点吗。 我有一个4列的智能表格，最初我将

col 3

和

col 4

设置为

ng show=false

，因此当我加载页面时，只显示

col 1

和

col 2

。在这里以前一切都很好

我的问题： 我可以在下拉列表中设置

col3

和

col4

，以便用户可以单击并显示这些列

可见列在下拉列表中不可用，假设

col1

，

col2

，

col3

可见，则下拉列表中仅显示

col4

提前谢谢

var myApp=angular.module（“myModule”['smart-table']）；
myApp.controller（'customCtrl'，函数（$scope）{
变量行集合=[
{col1:“a”，col2:“b”，col3:“c”，col4:“d”}，
{col1:“a1”，col2:“b1”，col3:“c1”，col4:“d1”}，
{col1:“a2”，col2:“b2”，col3:“c2”，col4:“d2”}，
{col1:“a3”，col2:“b3”，col3:“c3”，col4:“d3”}，
{col1:“a4”，col2:“b4”，col3:“c4”，col4:“d4”}，
{col1:“a5”，col2:“b5”，col3:“c5”，col4:“d5”}，
];
$scope.rowCollection=rowCollection；
});
表格{
边界塌陷：塌陷；
字体系列：Arial；
}
.表格行：悬停{
背景色：#25CCDA；
}
运输署{
边框：1px纯黑；
填充物：5px；
}
th{
边框：1px纯黑；
填充物：5px；
文本对齐：居中；
背景色：#999999；
光标：指针；
}

添加列




可乐
可乐
可乐
可乐
{{row.col1}}
{{row.col2}}
{{row.col3}}
{{row.col4}}
看看下面的解决方法


var myApp=angular.module（“myModule”，[]）；
myApp.controller（'customCtrl'，函数（$scope）{
$scope.enableColumns=函数（标题）{
header.visible=！header.visible；
};
$scope.colHeaders=[{
名称：“col1”，
可见：正确
}, {
名称：“col2”，
可见：正确
}, {
名称：“col3”，
可见：假
}, {
名称：“col4”，
可见：假
}]
变量行集合=[{
col1:“a”，
col2:“b”，
col3:“c”，
col4:“d”
}, {
col1:“a1”，
col2:“b1”，
col3:“c1”，
col4:“d1”
}, {
col1:“a2”，
col2:“b2”，
col3:“c2”，
col4:“d2”
}, {
col1:“a3”，
col2:“b3”，
col3:“c3”，
col4:“d3”
}, {
col1:“a4”，
col2:“b4”，
col3:“c4”，
col4:“d4”
}, {
col1:“a5”，
col2:“b5”，
col3:“c5”，
col4:“d5”
}
];
$scope.rowCollection=rowCollection；
});
表格{
边界塌陷：塌陷；
字体系列：Arial；
}
.表格行：悬停{
背景色：#25CCDA；
}
运输署{
边框：1px纯黑；
填充物：5px；
}
th{
边框：1px纯黑；
填充物：5px；
文本对齐：居中；
背景色：#999999；
光标：指针；
}





{{header.name}
{{row[header.name]}
看看下面的解决方法


var myApp=angular.module（“myModule”，[]）；
myApp.controller（'customCtrl'，函数（$scope）{
$scope.enableColumns=函数（标题）{
header.visible=！header.visible；
};
$scope.colHeaders=[{
名称：“col1”，
可见：正确
}, {
名称：“col2”，
可见：正确
}, {
名称：“col3”，
可见：假
}, {
名称：“col4”，
可见：假
}]
变量行集合=[{
col1:“a”，
col2:“b”，
col3:“c”，
col4:“d”
}, {
col1:“a1”，
col2:“b1”，
col3:“c1”，
col4:“d1”
}, {
col1:“a2”，
col2:“b2”，
col3:“c2”，
col4:“d2”
}, {
col1:“a3”，
col2:“b3”，
col3:“c3”，
col4:“d3”
}, {
col1:“a4”，
col2:“b4”，
col3:“c4”，
col4:“d4”
}, {
col1:“a5”，
col2:“b5”，
col3:“c5”，
col4:“d5”
}
];
$scope.rowCollection=rowCollection；
});
表格{
边界塌陷：塌陷；
字体系列：Arial；
}
.表格行：悬停{
背景色：#25CCDA；
}
运输署{
边框：1px纯黑；
填充物：5px；
}
th{
边框：1px纯黑；
填充物：5px；
文本对齐：居中；
背景色：#999999；
光标：指针；
}





{{header.name}
{{row[header.name]}
你能提供一个plnkr/jsfiddle来显示你尝试了什么吗？创建一个columns对象或数组，用它来设置
ng show
，并过滤
ng选项
任何人都能为此创建plnkr/fiddle吗，这真的很有用helpfull@Hussain我不明白你的问题，正确地说；假设col1，col2是可见的，它将不会显示在下拉列表中，这意味着col3，col4将显示在下拉列表中。如果用户从下拉列表中选择col3或col4，您希望您的回复的输出是什么。。当用户选择col3或col4时，相应的列应该可见并从下拉列表中删除。这意味着下拉列表只包含隐藏的列。您可以提供一个plnkr/JSFIDLE来显示您尝试过的内容吗？创建一个columns对象或数组，并将其用于设置
ng show
并过滤
ng options
是否可以为此创建plnkr/FIDLE，那真是太好了helpfull@Hussain我不明白你的问题，正确地说；假设col1，col2是可见的，它不会显示在下拉列表中，这意味着col3，col4 wi