Получение текста из нескольких вложенных элементов HTML угловой 6 - PullRequest
0 голосов
/ 12 сентября 2018

, поэтому я пытаюсь использовать JSPDF для печати части моего текста в цикле for.Моя цель - получить текст {{service.title}} в течение h5.И получить все списки внутри цикла for в li.Я был в состоянии получить все ссылки на элемент всякий раз, когда я нажимаю на свой триггер.и это работает для отдельного клика.

Шаблон

<div #refEl class="card mt-3 mt-b3">
    <div class="card-header" id="{{'heading' + i}}">
      <h5 class="mb-0">
        <button #title class="btn btn-link" data-toggle="collapse" [attr.data-target]="'#collapse' + i" [attr.aria-expanded]="'false'" [attr.aria-controls]="'collapse' + i">
          <i class="mdi mdi-arrow-down mdi-24px"></i>

          {{service.title}}
        </button>
      </h5>
      <i (click)="printPDF(refEl, title, content)" class="print mdi mdi-printer mdi-24px"></i>
    </div>


    <div id="{{'collapse' + i}}" class="collapse" [attr.aria-labelledby]="'heading' + i" data-parent="#accordion">
      <div id="{{'snapshot' + i}}" class="card-body">

        <ul #content class="list-group">
          <li  *ngFor="let req of service.requirements" class="list-group-item">{{req}}</li>

        </ul>

      </div>
    </div>

  </div>

ts

import { Component, OnInit } from '@angular/core';
import { GovServicesService } from '../gov-services.service';
import * as jspdf from 'jspdf';

@Component({
  selector: 'app-gov-services',
  templateUrl: './gov-services.component.html',
  styleUrls: ['./gov-services.component.css']
})
export class GovServicesComponent implements OnInit {



  services:any;

  constructor(private govService:GovServicesService) { }

  ngOnInit() {
    this.services = this.getServicesInfo();
  }

  getServicesInfo(){
    return this.govService.getInfo();
  }

  printPDF(element, title, content){
    console.log('printing...');
    console.log(element);
    console.log(title);
    console.log(content.innerHTML);

    let doc = new jsPDF();
    doc.text()

  }

} 

Это то, что я получаю на своей консоли, нажимая

консольный результат

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...