如何在AngularJS中仅打印选定的项目（用复选框选中）答案

【问题标题】：How to print only selected items (selected with a checkbox) in AngularJS如何在AngularJS中仅打印选定的项目（用复选框选中）
【发布时间】：2018-06-19 19:20:29
【问题描述】：

我制作了两张表格，并为每张表格添加了一个复选框。

复选框不是默认复选框，但它是一个点击后会更改的图像，这里是代码：

<button class="btn btn-lg btn-customPrint-md no-print" ng-click="checkBoxPrint2 = !checkBoxPrint2"><i class="fa fa-1x" ng-class="checkBoxPrint2 ? 'fa-square-o' : 'fa-check-square-o'"></i></button>

所以单击它会更改 FontAwesome 图标。

然后我有一个打印按钮，它按照打印 css 规则打印页面：

 <button class="btn btn-lg btn-custom-md pull-right" ng-click="vm.$window.print()"><i class="fa fa-print fa-2x"></i></button>

现在我想知道如何让它只打印选中复选框的表格（意思是“fa-check-square-o”图标）？我最初的想法是用 ng-class 来做，所以当按钮被按下时，它会给元素一个“noPrint”类来隐藏它而不被打印，这有意义吗？

【问题讨论】：

标签： html css angularjs checkbox

【解决方案1】：

您可以根据布尔属性使用 ng-show 或 ng-hide 来隐藏/显示表格。

我不确定我是否完全理解你的问题，但一个简单的例子是：

$scope.showElement = false;

<div ng-show="showElement">This only shows if the variable is true</div>

在您的情况下，您可以在要隐藏的每个元素上使用 checkBoxPrint2 作为 ng-show/hide 的表达式。例如，您可以只保持标题始终可见，但隐藏内容。

【讨论】：