title: set url string in routerLink
body: <p>I have in my component public variables url and title string like this:</p>
  
  <pre><code>const url: string = 'locator;name=Test';
  const title: string = 'Test';
  </code></pre>
  
  <p>And I want to use it in my template for links like this:</p>
  
  <pre><code>&lt;a mat-button [routerLink]="'/' + url"&gt;{{title}}&lt;/a&gt;
  </code></pre>
  
  <p>The problem is that generated links are all wrong. I know routerLink can be used statically with string but then how to provide variable to the template because this way is not working:</p>
  
  <pre><code>&lt;a mat-button routerLink="'/' + url"&gt;{{title}}&lt;/a&gt;
  </code></pre>
  
  <p>How can I solve this problem? I'm receiving those links from service and I can not refactor it. For now I'm solving this like this but I have problem because webpage get reloaded each time I click those links:</p>
  
  <pre><code>&lt;a mat-button [href]="'/' + url"&gt;{{title}}&lt;/a&gt;
  </code></pre>