title: Why does the Onclick event not work on my ion col?
body: <p>My onclick event does not work on a ion-col, it keeps saying, whatever method i call "is not defined at html element.onclick"  my code snippet looks as follows </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ion-row style="width:100%; height:6%; border: 1px solid #36B729; position:absolute; top:51.5%;"&gt;
              &lt;!-- Wall Tab --&gt;
              &lt;ion-col id="WallTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="TabManagement(this.id)"&gt;
  
                &lt;font id="WallTab" style="color: #36B729; font-size: 70%;"&gt;Wall&lt;/font&gt;
  
              &lt;/ion-col&gt;
              &lt;!-- Happy Customers Tab --&gt;
              &lt;ion-col id="HappyCustomersTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="TabManagement(this.id)"&gt;
  
                &lt;font id="HappyCustomersTab" style="color: white; font-size: 70%;"&gt;Happy Customers&lt;/font&gt;
  
              &lt;/ion-col&gt;
              &lt;!-- Reports Tab --&gt;
              &lt;ion-col id="UnhappyCustomersTab" style="height:100%; border: 1px solid #36B729" align="center" onClick="GoBack();"&gt;
  
                &lt;font id="UnhappyCustomersTab" style="color: white; font-size: 70%;"&gt;Unhappy Customers&lt;/font&gt;
  
            &lt;/ion-col&gt;
          &lt;/ion-row&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>My ts file looks as follows </p>
  
  <p>public class profile{</p>
  
  <p>TabManagement(){</p>
  
  <p>code...</p>
  
  <p>}
  }</p>