title: View PDF not working on Chrome
body: <p>I'm writing a static resume page using AngularJS. I want the user to click on my CV, a PDF, and be able to view it in the browser. My code works in Firefox, but when I test it in Chrome, I just get a black screen. It appears to be opening, but doesn't display the file.
  The path to the PDF is specified in my controller and I've written a directive to display the link in my HTML.</p>
  
  <p>Controller:</p>
  
  <pre><code>app.controller('webCV', function($scope) {
  
   $scope.links = [{
    text: 'Github',
    link: 'https://github.com/a-person'
   },
   {
    text: 'Resume',
    link: '../CV.pdf'
   },
   {
    text: 'Contact',
    link: 'mailto:a.person@gmail.com'
   }]
  })
  </code></pre>
  
  <p>Directive HTML:</p>
  
  <pre><code>&lt;div ng-repeat="x in info"&gt;
   &lt;a href="{{ x.link }}" target="_blank"&gt;{{ x.text }}&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What's a reliable cross-browser way of opening a PDF file as an <code>&lt;a href&gt;</code> link?</p>
  
  <p>I assume this can be done without extra libraries and plugins like PDF.js so I'd rather not use them.</p>
  
  <p>I've been stuck on this for ages so thanks in advance.</p>