title: How to create a link to external URL in Angular 2
body: <p>I am new to Angular. I am starting with ver. 2.<br>
  I need to link to a <code>file://...</code> URL.
  I tried normal <code>href</code>:</p>
  
  <p><em>Note:  <code>app</code> is a model object of the web which deals with applications.</em> </p>
  
  <pre><code>&lt;a target="_blank" href="file://{{app.outputPath}}/index.html"&gt;no link here&lt;/a&gt;.
  </code></pre>
  
  <p>That doesn't work - the link is there, with correct URL, but Angular seems to block the event somehow. Why?</p>
  
  <p>So I've seen <code>ng-href</code> but that's for Angular 1.x. And <a href="https://angular.io/docs/js/latest/api/#!?apiType=Directive" rel="noreferrer">there's no <code>*ngHref</code></a> from what I can tell. So this was just a naive try:</p>
  
  <pre><code>&lt;a target="_blank" *ngHref="file://{{app.outputPath}}/index.html"&gt;over a directive&lt;/a&gt;.
  </code></pre>
  
  <p>Also I have seen something with routing but that appears to be intended only for internal links within the application:</p>
  
  <pre><code>&lt;a [router-link]="['/staticReport', {path: app.outputPath}]"&gt;see the report&lt;/a&gt;.
  </code></pre>
  
  <p><code>app.component.ts:</code></p>
  
  <pre><code>@RouteConfig([
      ...
      {path:"/staticReport/:path", redirectTo: 'file://  ???? ' }
  ])
  </code></pre>
  
  <p>What's the way to create an external link?</p>