title: Show Stimulsoft reporting in Angular by Asp.net Core
body: <p>I have a Webservice In Asp.net core for generate reporting and call this in Angular app for show reporting but angular doesn't show reporting, just show blank page <br></p>
  
  <p>What's the problem? How can I solve It?<br></p>
  
  <p>Asp.net Core WebService :</p>
  
  <pre><code>[HttpGet("[action]")]
  public async Task&lt;IActionResult&gt; ShowPrint(int? id)
  {                           
      var res = await _inquiryService.GetStudents(id);
      var result = res.Select(x =&gt; new InquiryValueViewModelsPrint()
      {
          SupplierContractorName = x.SupplierContractorName,
          SumTotalPrice = x.SumTotalPrice
      }).ToList();
  
      var report = new StiReport();
      report.Load(StiNetCoreHelper.MapPath(this, "Reports/inquiry.mrt"));
  
      report.RegBusinessObject("InquiryObj", result);
  
      return StiNetCoreViewer.GetReportResult(this, report);
  }
  </code></pre>
  
  <p>Angular function :</p>
  
  <pre><code>viewer: any;
  options: any;
  report: any = new Stimulsoft.Report.StiReport();
  constructor(...
  
  print(item: InquiryViewModel) {
      this.apiService.showPrint(item.id)
        .subscribe(data =&gt; {
          console.log( data)
          this.options = new Stimulsoft.Viewer.StiViewerOptions();
          this.viewer = new Stimulsoft.Viewer.StiViewer(this.options, 'StiViewer', false);
  
          this.report.load(data);
  
          this.viewer.report = this.report;
          this.viewer.renderHtml('viewer');
        });
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div&gt;
      &lt;h2&gt;Stimulsoft Viewer&lt;/h2&gt;
      &lt;div id="viewer"&gt;&lt;/div&gt;
    &lt;/div&gt;
  </code></pre>