Jquery printThis.js未选择正确的表输入值

Jquery printThis.js未选择正确的表输入值,jquery,angularjs,printthis,Jquery,Angularjs,Printthis,我正在使用printThis.js在angularJs应用程序中打印一个表。所有内容都会很好地打印表上的一列,该列的输入由angular动态填充(整个表都由angular填充) 这是打印前列的屏幕截图,包含预期值: 这是我打印时相同表格和列的屏幕截图: 如您所见,它接受一个值并在所有其他输入中重复该值。这可能是什么原因造成的?我该如何避免 打印的代码非常基本,我看不出打印时有什么可能只影响这些特定的输入: $('#printAll').on("click", function () {

我正在使用printThis.js在angularJs应用程序中打印一个表。所有内容都会很好地打印表上的一列,该列的输入由angular动态填充(整个表都由angular填充)

这是打印前列的屏幕截图,包含预期值:

这是我打印时相同表格和列的屏幕截图:

如您所见,它接受一个值并在所有其他输入中重复该值。这可能是什么原因造成的?我该如何避免

打印的代码非常基本,我看不出打印时有什么可能只影响这些特定的输入:

$('#printAll').on("click", function () {
      $('#allReports').printThis({
                debug: false,
            importCSS: true,
            importStyle: true,
            printContainer: true,
            loadCSS: "components/css/styles.css",
            pageTitle: "Termly Assesment Report",
            removeInline: false,
            printDelay: 333,
            header: null,
            formValues: true
      });
    });
而有问题的表列数据是:

<td class="remarks double-border">
    <span>{{item.remarks}}</span>
    <input ng-show="!isPrinting" type="text" name="remarks" class="form-control" ng-model="item.remarks" readonly style="background-color:#ffffff;" />
</td>

{{项目.备注}

printThis.js正在使用临时iFrame打印所需的jQuery选择器。因此,它将所有相关的DOM元素,包括CSS样式表添加到框架内容中。这很可能会导致角度和数据绑定出现一些问题。我建议放弃printThis.js,只需使用print CSS样式表。在那里,您可以隐藏打印输出中不需要的所有元素

例如css:

@media print {
   .header, .nav, .footer {
      display: none;
   }
}

你能分享表格的html吗?@HarshaliTalele我已经添加了一个问题列的示例
,因为表格本身很大。我希望这会有帮助。您是否尝试过使用ng click而不是onclick?我不确定printThis.js是如何工作的,但它可能是自己再次创建表,而没有得到$scope值。只是猜测。我想知道在克隆到iframe时,
printThis
是否没有将输入视为单独的输入(相同的名称等)。每个输入都有相同的名称,这在将值克隆到printThis iframe时会产生问题。