title: How to evaluate html returned by a method within <td> tags in angular?
body: <p>I have method in <code>.ts</code> file that returns html to make button in td tag dynamically but using <code>&lt;td&gt;{{actions(rec1)}}&lt;/td&gt;</code>, i get the html printed as <a href="https://i.stack.imgur.com/JAmMn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JAmMn.png" alt="result" /></a> instead of dynamic buttons. Please suggest as how can this be achieved!</p>
  <pre><code>public actions(data) {
      let disabled = &quot;&quot;;
      if (data.DASHBOARD_STATUS != &quot;Failed&quot; || data.addComment == 0) {
        if(data.addComment!=0 &amp;&amp; this._defaultRegion == &quot;APAC&quot;)
        {}
        else
        disabled = &quot;disabled&quot;;
      }
  
      let hideCmt = &quot;&quot;;
      if (data.addCommentAppConfig != &quot;1&quot;) {
        hideCmt = &quot;hidden&quot;;
      }
  
      let hideEmail = &quot;&quot;;
      if (data.sendEmailAppConfig != &quot;1&quot;) {
        hideEmail = &quot;hidden&quot;;
      }
      else if (this._defaultRegion == &quot;NAM&quot;) {
        if (data.DASHBOARD_STATUS == &quot;Pending&quot; || data.DASHBOARD_STATUS == &quot;Incomplete&quot;)
          hideEmail = &quot;hidden&quot;;
      }
      let hideDet = &quot;&quot;;
      if (data.showDetailsAppConfig != &quot;1&quot;) {
        hideDet = &quot;hidden&quot;;
      }
  
      return '&lt;button ' + hideCmt + ' id=&quot;btn_cmt&quot; ' + disabled + ' class=&quot;DetailButton&quot; style=&quot;margin-left:2px&quot;&gt;&lt;i class=&quot;fa fa-pencil-square-o&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/button&gt;' +
        '&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;' +
        '&lt;button ' + hideDet + ' id=&quot;btn_detail&quot; class=&quot;DetailButton&quot; style=&quot;margin-left:2px&quot;&gt;&lt;i class=&quot;fa fa-file-text&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/button&gt;' +
        '&lt;span&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;' +
        '&lt;button ' + hideEmail + ' id=&quot;btn_eml&quot; class=&quot;DetailButton&quot; title=&quot;Email&quot; ng-disabled=&quot;true&quot;&gt;&lt;i class=&quot;fa fa-envelope&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/button&gt;';
    }
  </code></pre>