title: How to pass variable query parameters with a routerLink in Angular 5
body: <p>Within an *ngFor loop, where I'm building a list of search results (mat cards) with sample reading texts, I want to allow the user to click on one of them to read more, and open a route to a document template populated with the right doc.</p>
  
  <p>This static HTML works with routerlinkactive catching the params in the docview page...</p>
  
  <pre><code>&lt;button mat-button [routerLink]="['/docview', {sDocName: 'AW010001'}]"&gt;READ MORE...&lt;/button&gt;
  </code></pre>
  
  <p>I want to replace the hardcoded Doc ID 'AW010001' with the appropriate ID for each iteration through the *ngFor. But this code fails...</p>
  
  <pre><code>&lt;button mat-button [routerLink]="['/docview', {sDocName: '{{sDocIDs[i]}}'}]"&gt;READ MORE...&lt;/button&gt;
  </code></pre>
  
  <p>The error I get is the typical...</p>
  
  <blockquote>
    <p>Parser Error: Got interpolation ({{}}) where expression was expected
    at column 25 in [['/docview', {[sDocName]:'{{sDocIDs[i]}}' }]]</p>
  </blockquote>