Javascript angularJS UI选项卡打印从选项卡中选择的内容_Javascript_Angularjs

Javascript angularJS UI选项卡打印从选项卡中选择的内容

javascript angularjs

Javascript angularJS UI选项卡打印从选项卡中选择的内容,javascript,angularjs,Javascript,Angularjs,我有嵌套的angularJS选项卡，我的问题是我希望能够打印用户从父选项卡和子选项卡中选择的内容列表。当用户单击“打印列表”时，是否打印所有页面？您可以通过将按钮移动到“子”选项卡来打印内容，并通过使用div标记扭曲要打印的内容，它将被打印出来看到这个笨蛋了吗您可以在单击按钮时编写指令，它将为您提供所选选项卡的内容加价你能详细说明一下吗？例如，如果用户选择此选项卡Edinburg和detail 1，当用户单击“打印”时，它应该打印detail 1而不是所有页面。当你显示所有选项卡时，

我有嵌套的angularJS选项卡，我的问题是我希望能够打印用户从父选项卡和子选项卡中选择的内容列表。当用户单击“打印列表”时，是否打印所有页面？

您可以通过将按钮移动到“子”选项卡来打印内容，并通过使用div标记扭曲要打印的内容，它将被打印出来看到这个笨蛋了吗

您可以在单击按钮时编写指令，它将为您提供所选选项卡的内容

加价

你能详细说明一下吗？例如，如果用户选择此选项卡Edinburg和detail 1，当用户单击“打印”时，它应该打印detail 1而不是所有页面。当你显示所有选项卡时，真的很难假装这一点。我建议你应该选择ui router，它确实在部分上提供了良好的功能

$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();
}

<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
      });
    }
  }
});