title: Add link to Angular material DataTable
body: <p>I'm working in Angular Material Data Table, and I want to add <code>Edit</code> link to each row of table, so I do:</p>
  
  <pre><code>  &lt;ng-container matColumnDef="action"&gt;
              &lt;mat-header-cell *matHeaderCellDef&gt;
                Action
              &lt;/mat-header-cell&gt;
              &lt;mat-cell *matCellDef="let user"&gt;
                &lt;a href="#/categorias/usuarios/detalle/' +
                   {{user.id}} +
                    '" class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill"&gt;
                  &lt;i class="fa fa-edit"&gt;&lt;/i&gt;
                &lt;/a&gt;
              &lt;/mat-cell&gt;
            &lt;/ng-container&gt;
  </code></pre>
  
  <p>But it just no work, first it is not a link, chrome debugger throw it as:</p>
  
  <pre><code>&lt;a class="m-portlet__nav-link btn m-btn m-btn--hover-accent m-btn--icon m-btn--icon-only m-btn--pill" ng-reflect-href="#/categorias/usuarios/detalle/"&gt;
                  &lt;i class="fa fa-edit"&gt;&lt;/i&gt;
                &lt;/a&gt;
  </code></pre>
  
  <p>What am I doing wrong? why is not href link, and why isn't have id of row? Regards</p>