Question

我有嵌套的angularJS标签，我的问题是我希望能够打印选择内容列表，无论用户从父标签和子标签中选择什么。当用户点击打印列表时，它打印所有页面？ http://plnkr.co/edit/8iYDDRaGHi2iNm0MWGfL?p=preview

$scope.printEmployeeList = function (divName) {
    var printContents = document.getElementById(divName).innerHTML;
    var popupWin = window.open('', '_blank', 'width=800,height=700');
    popupWin.document.open();
    popupWin.document.write('<html><head><link rel="stylesheet" type="text/css" href="style.css" /></head><body onload="window.print()">' + printContents + '</html>');
    popupWin.document.close();
}

Answer 1

您可以通过将按钮移动到子选项卡来打印内容，并使用div标签扭曲您要打印的内容，它将打印出来看到这个plunker http://embed.plnkr.co/tB1lUvIsL3TS8LGYmnCk/preview

Answer 2

您可以在按钮点击时编写指令，它将为您提供所选标签的内容。

<强>标记

<button print-content="content">Employee List</button>

<强>指令

app.directive('printContent', function($document) {
  return {
    restrict: 'A',
    compile: function(element, attrs) {
      element.on('click', function(event) {
        console.log($document.find('#'+ attrs.printContent).find('.tab-pane.active').html());
        //you code add your print code here
      });
    }
  }
});

Working Plunkr

angularJS UI选项卡从选项卡打印选定的内容

2 个答案: