AngularJS ng-show 在 colgroup 标签上

Posted

技术标签:

【中文标题】AngularJS ng-show 在 colgroup 标签上【英文标题】:AngularJS ng-show on colgroup tag 【发布时间】:2014-09-09 07:49:43 【问题描述】:

构建一个表格,用户可以在其中选择隐藏一些列(月 - 或每个月的个人系列)。是否可以将 ng-show 与 colgroup 或 col 标签一起使用 - 所以我不需要将 ngshow 添加到每个单元格?似乎无法正常工作...

<colgroup ng-repeat="mth in months" span="2" ng-show="mth.checked">
    <col  ng-show="headerOptions[0].selected" />
    <col  ng-show="headerOptions[1].selected" />
</colgroup>

【问题讨论】:

【参考方案1】:

这与 AngularJS 关系不大,与 html/CSS 关系更大。

在 HTML 表格中隐藏列很痛苦。这里已经有一些问题有答案了。看看Hide/Show Column in an HTML Table 和How to hide columns in HTML table?。

性能提示可能是在隐藏/显示列之前隐藏整个表,以避免不必要的重排/重绘事件。

【讨论】:

好的,我想也许 AngularJS 可以提供帮助 - 感谢您提供的链接。

以上是关于AngularJS ng-show 在 colgroup 标签上的主要内容,如果未能解决你的问题,请参考以下文章

ng-show 令人不安的 div 布局 - angularJS

AngularJS 不会验证 ng-show 隐藏的表单元素上的输入

AngularJS - 可以 ng-show/ng-hide 模式窗口吗?

AngularJS ng-show 自动动画?

如何根据布尔值在 AngularJS 中切换 ng-show?

AngularJS:使用 css 过渡动画 ng-hide / ng-show li 的高度