Opening a webpage in-app-browser and binding orders with kite publisher library and linking the button via kite.link("#custom-button");

<br />KiteConnect.ready(function () {<br />var kite = new KiteConnect(&quot;MY API KEY&quot;);<br />kite.add({<br />exchange: &quot;NSE&quot;,<br />tradin

kite.link("#custom-button");

code of angular : $(&quot;#custom-button&quot;).click(function(){<br />mytradedata = $scope.mytrade<br />console.log(mytradedata)<br />//var promise = &quot;&quot;

Buy &lt;script src=&quot;https://kite.trade/publisher.js?v=3&quot;&gt;&lt;/script&gt;<br />&lt;script&gt;<br />KiteConnect.ready(function() {<br />var

KiteConnect.ready(function() {var kite = new KiteConnect('APIKEY');kite.add({'exchange': 'NFO','tradingsymbol': 'BANKNIFTY18122022800CE','quantity': 20,'transaction_type': 'BUY','order_type': 'MARKET'

cstext1.Append("kite.link(\"#custom-button\");");

kite.link("#custom-button");

You should not use renderButton() on your #custom-button.