title: Download local files using href
body: <p>I made a web app using Java (jersey servlets on backend) and AngularJs on frontend. I want to open in new tabs or download some local files. I tried using:</p>
  
  <pre><code>&lt;a href="file:///{{course.path}}" target="_blank" &gt;&lt;span&gt; {{course.filename}} &lt;/span&gt;&lt;/a&gt; 
  </code></pre>
  
  <p>where course is JSON like:</p>
  
  <pre><code>{type: "pdf", path: "C:/Users/Tom/Desktop/Courses/course2.pdf", areaSubject: "It", created: 1434700150341, filename: "course2"}
  </code></pre>
  
  <p>When I click on it, it opens a blank page (about:blank) and nothing appears.When I type on browser <code>file:///C:/Users/Tom/Desktop/Courses/course2.pdf</code> the content appears.
  How can I make it works when click  tag? I use Chrome.</p>