AngularJS print part of page with and data binding

Question

I would like to print a part of my page.
Actually, i try, to call another page with my part only and print this.

But the print result isn't the view result. My print result doesn't render angular binding.

My MainView

<div id="main-content" ng-controller="ConsulterSectionController">
    <ng-include src="'app/plugins/pilotage/views/templates/_section.html'" ng-init="initParams()" />
</div>

My call to print

printSection = (divName) => {
            var temp = new Array();
            temp[0] = this.$scope.model;
            temp[1]=this.$scope.elementsColonne1;
            temp[2]=this.$scope.elementsColonne2;
            temp[3] = this.$scope.estOuvert;
            var json = JSON.stringify(temp);
            sessionStorage.setItem("sectionPrint", json);
            var popupWin = this.$window.open('/Efficience/printEcran.html', 'Imprime Ecran', 'width=1000,height=1000');
            this.$timeout(function () { console.log('6');  popupWin.document.close();}, 2000, true);
}

Here is my screen view http://hpics.li/ac5744d

Here is my print view http://hpics.li/95436c8

I try this : Print a div using javascript in angularJS single page application, but angular attributs aren't interpret.

Do you have any idea to print my view binding?

EDIT : 18/06

If i replace

this.$timeout(function () { popupWin.document.close();}, 2000, true);
}

by

setTimeout(function () { popupWin.document.close();}, 0);

it's work only for chrome but i need to work with ie11

basarat · Accepted Answer · 2015-06-18 00:37:50Z

0

I try this : Print a div using javascript in angularJS single page aplication, but angular attributs aren't interpret.

You need to have angular + your app javascript loaded on the print page /Efficience/printEcran.html in order for it to interpret / databind stuff like {{}}

answered Jun 18, 2015 at 0:37

basarat

278k60 gold badges475 silver badges528 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Yoann Over a year ago

I know that but i didn't know why my app isn't load in my print view when it's load on my screen view (it's the same html)

Collectives™ on Stack Overflow

AngularJS print part of page with and data binding

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related