Печать компонента angular в совершенно другом формате (просмотреть)

Question

У меня есть список процессов в моем компоненте в формате сетки, например,

<grid #grid [dataSourceCallback]="getList" type="simple">
    <ng-template let-process="row">             
        <ws-process-item [process]="process" type="full"></ws-process-item>
    </ng-template>
</grid> 

, но мне нужно распечатать этот список в формате таблицы, например

<ng-template let-process="row">
    <tr class="d-flex">
        <th class="col-1">{{ process.id }}</th> 
        <th class="col-2">{{ process.title }}</th>
        <th class="col-2">{{ process.description }}</th>
    </tr>
</ng-template>  

i Я пытался скрыть приведенный ниже код и показать его при печати, но это не надежное решение. Кто-то предложил мне создать временный viewref для печати в формате таблицы, но я не смог заставить его работать, это хорошая идея? Или есть какие-нибудь решения лучше этого?

Answer 1

вышел с другим компонентом для печати, вызывая его с помощью viewRef

    onPrint()
    {       
        this.viewRef = this.appDisplayService.rootViewContainer.createEmbeddedView(this.printerTemplate);       
    }

после печати необходимо удалить его из представления

this.viewRef.destroy();