title: Call c# xamarin function from Angular 2 typescript on click event
body: <p>I was trying to call c# Xamarin function from Angular2 web application which is rendered in the webview of the c# xamarin.</p>
  
  <p>I tried to call Xamarin function from plain html and javascript and I am able to call the function . This works fine for plain html and javascript.</p>
  
  <pre><code>onclick="MyClass.customInvoke('18475555555')" 
  </code></pre>
  
  <p>But when i try to achieve this in Angular2 web application using</p>
  
  <pre><code>(click)="MyClass.customInvoke('18475555555');"
  </code></pre>
  
  <p>This is the error which i am getting</p>
  
  <p>11-18 10:50:55.994 I/chromium( 9185): [INFO:CONSOLE(23925)] "[object Object]", source: <a href="https://code.angularjs.org/2.0.0-beta.15/angular2.dev.js" rel="nofollow noreferrer">https://code.angularjs.org/2.0.0-beta.15/angular2.dev.js</a> (23925)
  11-18 10:50:56.004 I/chromium( 9185): [INFO:CONSOLE(324)] "Uncaught EXCEPTION: Error during evaluation of "click"
  11-18 10:50:56.004 I/chromium( 9185): ORIGINAL EXCEPTION: TypeError: Cannot call method 'customInvoke' of undefined
  11-18 10:50:56.004 I/chromium( 9185): ORIGINAL STACKTRACE: </p>