2016-06-13 1 views
0

Нажав на кнопку «push» Мне нужно открыть новое окно и передать ему содержимое HTML для его отображения.Как открыть окно браузера и передать содержимое HTML?

Вот посмотреть, что отображения HTML:

enter image description here

Вот определение контроллера:

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

Вот содержание HTML:

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

И HTML Я хочу дисплей внутри открытого окна:

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

Адрес fiddle.

Как его реализовать?

+1

См. Ниже ссылки. http://stackoverflow.com/questions/28553547/send-angularjs-variables-to-new-popup-window http://stackoverflow.com/questions/22921262/angularjs-issue-passing-data-to-a-new -browser-window-on-internet-explorer – Aravind

ответ

1

Это очень просто ... Добавить после

.open()

следующий код

.document.write("Lorem Ipsum");

Вот jsfiddle

+0

Но как я могу получить html-код из шаблона в моем контроллере? – Michael

+0

Эй @Michael, , например, создайте переменную и поместите некоторый HTML-код внутри. См. Мой пример http://jsfiddle.net/d8atdw0t/273/ –

1

Вы можете включать в свое содержание в documet .write() Функция

<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> 
Смежные вопросы