How to create a link to external URL in Angular 2
<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>