2016-06-13 12 views
0

Durch klicken auf die Schaltfläche "push" muss ich ein neues Fenster öffnen und HTML-Inhalt übergeben, um es anzuzeigen. HierWie öffnet man ein Browserfenster und gibt HTML-Inhalte weiter?

ist, dass die Anzeige der HTML-Ansicht:

enter image description here

Hier ist 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'); 
    };}]); 

Hier HTML-Inhalt:

<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> 

Und die HTML Ich möchte Anzeige im geöffneten Fenster ist:

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

Hier ist fiddle.

Wie kann ich es implementieren?

+1

Bitte beachten Sie die folgenden Links. http://stackoverflow.com/questions/28553547/send-angularjs-variables-to-new-popup-window http://stackoverflow.com/questions/22921262/angularjs-issues-passing-data-to-a-new -browser-fenster-on-internet-explorer – Aravind

Antwort

1

Es ist sehr einfach ... hinzufügen nach

.open()

der folgende Code

.document.write("Lorem Ipsum");

Hier ist ein jsfiddle

+0

Aber wie kann ich HTML-Code aus Vorlage in meinem Controller bekommen? – Michael

+0

Hey @Michael, zum Beispiel eine Variable erstellen und etwas HTML-Code hinein. Siehe mein Beispiel http://jsfiddle.net/d8atdw0t/273/ –

1

Sie Ihre Inhalte in Documet umfassen kann .write() Funktion

<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> 
Verwandte Themen