title: Angular 6 - <a> href gets appended to base url
body: <p>I have a list of users displayed in the table and each users has link which is displayed and can be navigated to. </p>
  
  <pre><code>&lt;div class="inline-icon-text"&gt;
    &lt;small class="text-muted d-md-none mr-3"&gt;Link&lt;/small&gt;
    &lt;a [attr.href]="candidate.url" target="_blank" [title]="candidate.url"&gt;
      &lt;i class="material-icons"&gt;open_in_new&lt;/i&gt;
    &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Problem is, when I inspect link element it points to correct address but after clicking on it gets appended to app base url.</p>
  
  <pre><code>&lt;a _ngcontent-c15="" target="_blank" href="www.test.sk" title="www.test.sk"&gt;...&lt;/a&gt;
  </code></pre>
  
  <p>And after click it gets opened in the new tab with address <strong>localhost:4200/www.test.sk</strong></p>
  
  <p>What do I miss?</p>