How to open browser window and pass HTML content?

Question

By click on button "push" I need to open new window and pass to it HTML content to display it.

Here is view that display HTML:

Here is controller definition:

var test = angular.module('test', []);

test.controller('testController', ['$compile', '$scope','$window', function($compile, $scope, $window) {
    $scope.openWindow = function() {
        $window.open('to-print', 'width=500,height=400');
    };}]);

Here is HTML content:

<div ng-app="test" id = "content" ng-controller="testController">
<label>Entar Name:</label>
<label>Michael</label>
<br/>
<br/>
<label>Entar Age:</label>
<label>25</label>
<hr/>
    <button ng-click="openWindow()">push!</button>
</div>

And the HTML I want to display inside opened window is:

<label>Entar Name:</label>
<label>Michael</label>
<br/>
<br/>
<label>Entar Age:</label>
<label>25</label>

Here is fiddle.

How can I implement it?

Please refer the below links. stackoverflow.com/questions/28553547/… stackoverflow.com/questions/22921262/… — Aravind
– Aravind, Commented Jun 13, 2016 at 12:46

Aravinthan K · Accepted Answer · 2016-06-13 12:55:47Z

2

You can include your content in documet.write() function

<script>
    function myFunction() {
        var myWindow = window.open("", "","width=600,height=100");
        myWindow.document.write("<label>Entar Name:</label><label>Michael</label><br/><br/><label>Entar Age:</label><label>25</label>");
    }
</script>

answered Jun 13, 2016 at 12:55

Aravinthan K

1,9012 gold badges20 silver badges24 bronze badges

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

Comments

Sebastian Witeczek · Accepted Answer · 2016-06-13 12:58:36Z

1

It's very simple... Add after

.open()

the following code

.document.write("Lorem Ipsum");

Here is a jsfiddle

edited Jun 13, 2016 at 12:58

answered Jun 13, 2016 at 12:52

Sebastian Witeczek

1331 silver badge11 bronze badges

2 Comments

Michael Over a year ago

But how can I get html code from template in my controller?

Sebastian Witeczek Over a year ago

Hey @Michael, for example create a variable and put some html code inside. See my example jsfiddle.net/d8atdw0t/273

Collectives™ on Stack Overflow

How to open browser window and pass HTML content?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related