title: How can I open a locally stored PDF on a web browser in Angular 6?
body: <p>For some reason, when I try to click on this link it tries to redirect me to it, and then reloads the page on a blank <a href="http://localhost:4200/" rel="nofollow noreferrer">http://localhost:4200/</a> page without displaying the PDF. I had this concept working on another project, and I tried to do the same thing as I did before, but nothing that I'm doing seems to be working. I've made sure that the file exists and I've done my best to give it the correct file path. The file link is in the show-report.component.html as:</p>
  
  <pre><code>Report: &lt;a href="backend\PDF\f-1543526335019.pdf" target="_blank"&gt;Test&lt;/a&gt;
  </code></pre>
  
  <p><strong>show-report.component.html</strong></p>
  
  <pre><code>&lt;h2&gt;Civil Grand Jury - Reports&lt;/h2&gt;
  
  &lt;mat-accordion&gt;
    &lt;mat-expansion-panel *ngFor="let report of reports"&gt;
      &lt;mat-expansion-panel-header&gt;
        &lt;mat-panel-title&gt;
          {{ report._id }} {{ report.reportNum }}
        &lt;/mat-panel-title&gt;
        &lt;mat-panel-description&gt;
          {{ report.reportTitle }}
        &lt;/mat-panel-description&gt;
        &lt;mat-panel-description&gt;
          {{ report.reportDate }}
        &lt;/mat-panel-description&gt;
      &lt;/mat-expansion-panel-header&gt;
      Report: &lt;a href="backend\PDF\f-1543526335019.pdf" target="_blank"&gt;Test&lt;/a&gt;
      &lt;mat-action-row&gt;
        &lt;button mat-button color="primary"&gt;ADD RESPONSE&lt;/button&gt;
        &lt;a mat-button color="primary"&gt;EDIT REPORT&lt;/a&gt;
        &lt;button mat-button color="warn" (click)="openDialog(report)"&gt;DELETE&lt;/button&gt;
      &lt;/mat-action-row&gt;
    &lt;/mat-expansion-panel&gt;
  &lt;/mat-accordion&gt;
  </code></pre>
  
  <p><strong>Picture of File Structure:</strong></p>
  
  <p><a href="https://i.stack.imgur.com/YVIy9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YVIy9.png" alt="File Structure"></a></p>
  
  <p>Any additional code/resources will be available upon request.</p>