title: Angular: How to render HTML from a .ts file?
body: <p>I used jQuery dataTable for display data on list view. And I tried to bind data to dataTable using following way.</p>
  
  <p><strong>On users.component.ts</strong></p>
  
  <pre><code>getUsers() {
      this.UserService.getUsersList()
          .subscribe(
          success =&gt; {
              this.userList = success;
              $("#userTable").find('tbody').empty();
              var dataClaims = this.userList;
              for (let i = 0; i &lt; dataClaims.length; i++) {
                  $('#userTable').dataTable().fnAddData([
                      (i + 1),
                      dataClaims[i].name,
                      dataClaims[i].email,
                      dataClaims[i].contact_number,
                      dataClaims[i].address,
                      '&lt;a [routerLink]="[' +"'"+"../../user/update" +"'" +']"' + ' class="fa fa-1x fa-pencil-square-o"&gt;&lt;/a&gt;',
                  ]);
              }
          }
          );
  } 
  </code></pre>
  
  <p>Above function is working properly and dataTable is working without issue. </p>
  
  <p>But <strong><code>[routerLink]</code> is not converted to html</strong>. On the output it is displayed following way,</p>
  
  <pre><code>&lt;a [routerlink]="['../../user/update']" class="fa fa-1x fa-pencil-square-o"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>But it should be converted to following way,</p>
  
  <pre><code>&lt;a _ngcontent-c0="" ng-reflect-router-link="user/update" href="/user/update" class="fa fa-1x fa-pencil-square-o"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Could someone please explain how to convert <code>[routerlink]</code> to normal link when render html data from a .ts file. Thank you.</p>