Данные для печати только в форме нажмите кнопку «Печать» AngularJS

Question

У меня есть несколько строк ввода ввода-удаления в моей форме. Это не что иное, как отчет. Существует кнопка печати, и я хочу напечатать только данные, введенные в форме структурированным образом. Подобно таблице, столбцу, строкам и тексту, но не кнопкам или границам полей ввода. Я попытался это для кнопки печати

javascript:window.print() 

и создали классы с использованием

{ 
    display: none; 
    border: none; 
} 

Хотел знать, как написать функцию, где я могу собрать данные и получить вид печати в структурированном виде на нажмите кнопку Печать.

Это код я работаю на

See Plunker

Answer 1

Вы должны создать таблицу стиля печати. В Интернете есть ряд статей, описывающих, как это сделать, но по существу это отдельная таблица стилей, которая позволяет вам создать отдельный стиль для печати, тем самым вы можете скрыть элементы, изменить размер шрифта, удалить границы и т. Д., Когда Печатается страница html. Я думаю, это поможет вам решить вашу проблему. Результат поиска здесь: tips-and-tricks-for-print-style-sheets